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

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

h6, h5, h4, h3, h2, h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1 {
    font-size: 2.5rem;
  }
}

h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2 {
    font-size: 2rem;
  }
}

h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3 {
    font-size: 1.75rem;
  }
}

h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4 {
    font-size: 1.5rem;
  }
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

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

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

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

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

dt {
  font-weight: 700;
}

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

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 0.875em;
}

mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

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

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

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

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}

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

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

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-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;
}

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

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

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

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

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

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

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button {
  cursor: pointer;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

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

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

output {
  display: inline-block;
}

iframe {
  border: 0;
}

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

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -50px);
      -ms-transform: translate(0, -50px);
          transform: translate(0, -50px);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    -webkit-transition: none;
    transition: none;
  }
}
.modal.show .modal-dialog {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

:root {
  --white: #FFFFFF;
  --black: #000000;
  --black-2: #1C1C1C;
  --base-ff: "Montserrat";
  --blue: #2940D3;
  --blue-hover: #001ee1;
  --green: #008B00;
  --bg: #ECECEC;
  --grey-1: #7E7E7E;
  --gutter-x: 1.875rem;
  --gutter-y: 0px;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-ExtraLight.eot");
  src: local("Montserrat ExtraLight"), local("Montserrat-ExtraLight"), url("../fonts/Montserrat-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraLight.woff2") format("woff2"), url("../fonts/Montserrat-ExtraLight.woff") format("woff"), url("../fonts/Montserrat-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-MediumItalic.eot");
  src: local("Montserrat Medium Italic"), local("Montserrat-MediumItalic"), url("../fonts/Montserrat-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-MediumItalic.woff2") format("woff2"), url("../fonts/Montserrat-MediumItalic.woff") format("woff"), url("../fonts/Montserrat-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Italic.eot");
  src: local("Montserrat Italic"), local("Montserrat-Italic"), url("../fonts/Montserrat-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Italic.woff2") format("woff2"), url("../fonts/Montserrat-Italic.woff") format("woff"), url("../fonts/Montserrat-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Regular.eot");
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-ThinItalic.eot");
  src: local("Montserrat Thin Italic"), local("Montserrat-ThinItalic"), url("../fonts/Montserrat-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ThinItalic.woff2") format("woff2"), url("../fonts/Montserrat-ThinItalic.woff") format("woff"), url("../fonts/Montserrat-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Bold.eot");
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url("../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Light.eot");
  src: local("Montserrat Light"), local("Montserrat-Light"), url("../fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Black.eot");
  src: local("Montserrat Black"), local("Montserrat-Black"), url("../fonts/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Black.woff2") format("woff2"), url("../fonts/Montserrat-Black.woff") format("woff"), url("../fonts/Montserrat-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Medium.eot");
  src: local("Montserrat Medium"), local("Montserrat-Medium"), url("../fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-ExtraLightItalic.eot");
  src: local("Montserrat ExtraLight Italic"), local("Montserrat-ExtraLightItalic"), url("../fonts/Montserrat-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraLightItalic.woff2") format("woff2"), url("../fonts/Montserrat-ExtraLightItalic.woff") format("woff"), url("../fonts/Montserrat-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-BlackItalic.eot");
  src: local("Montserrat Black Italic"), local("Montserrat-BlackItalic"), url("../fonts/Montserrat-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-BlackItalic.woff2") format("woff2"), url("../fonts/Montserrat-BlackItalic.woff") format("woff"), url("../fonts/Montserrat-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-ExtraBoldItalic.eot");
  src: local("Montserrat ExtraBold Italic"), local("Montserrat-ExtraBoldItalic"), url("../fonts/Montserrat-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-ExtraBoldItalic.woff") format("woff"), url("../fonts/Montserrat-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBoldItalic.eot");
  src: local("Montserrat SemiBold Italic"), local("Montserrat-SemiBoldItalic"), url("../fonts/Montserrat-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-SemiBoldItalic.woff") format("woff"), url("../fonts/Montserrat-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-ExtraBold.eot");
  src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url("../fonts/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"), url("../fonts/Montserrat-ExtraBold.woff") format("woff"), url("../fonts/Montserrat-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-BoldItalic.eot");
  src: local("Montserrat Bold Italic"), local("Montserrat-BoldItalic"), url("../fonts/Montserrat-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-BoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-BoldItalic.woff") format("woff"), url("../fonts/Montserrat-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-LightItalic.eot");
  src: local("Montserrat Light Italic"), local("Montserrat-LightItalic"), url("../fonts/Montserrat-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-LightItalic.woff2") format("woff2"), url("../fonts/Montserrat-LightItalic.woff") format("woff"), url("../fonts/Montserrat-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBold.eot");
  src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url("../fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff"), url("../fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Thin.eot");
  src: local("Montserrat Thin"), local("Montserrat-Thin"), url("../fonts/Montserrat-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Thin.woff2") format("woff2"), url("../fonts/Montserrat-Thin.woff") format("woff"), url("../fonts/Montserrat-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
html {
  height: 100%;
}

body {
  height: 100%;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

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

a, button {
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}

svg, path {
  -webkit-transition: fill 0.2s linear, stroke 0.2s linear;
  transition: fill 0.2s linear, stroke 0.2s linear;
}

ul[class], ol[class] {
  list-style: none;
  padding: 0;
}

ul, ol {
  margin: 0;
}

img {
  height: auto;
  max-width: 100%;
}

button {
  background: none;
  border: none;
  padding: 0;
}

label {
  cursor: pointer;
}

input, textarea {
  outline: none;
  -ms-touch-action: none;
      touch-action: none;
}

textarea {
  resize: none;
}

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

.content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.d-grid {
  display: grid;
}
.d-grid > * {
  min-width: 0;
}

.centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.icon svg, .icon img {
  width: 100%;
  height: 100%;
}
.icon svg, .icon path {
  stroke: inherit;
}

.medium {
  font-weight: 500;
}

.bold {
  font-weight: bold;
}

.e-bold {
  font-weight: 800;
}

.full-link::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.border {
  position: relative;
}
.border::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: inherit;
  border: 1px solid;
  pointer-events: none;
}

body {
  font-family: var(--base-ff);
  background: var(--bg);
  line-height: 1.4;
  font-weight: 500;
}

.innerPage {
  background: var(--black-2);
  color: var(--white);
}

.page-template-page-catalog-php, .page-template-survey-php, .page-template-page-contacts-php, .page-template-page-calculate-php, .single-avto_in_stock, .single-avto_on_order, .page-template-page-reviews-php {
  background: var(--black-2);
  color: var(--white);
}
.post-type-archive-avto_in_stock, .post-type-archive-avto_on_order, .tax-avto_on_order_power {
  background: var(--black-2);
  color: var(--white);
}
.tax-avto_in_stock_category {
  background: var(--black-2);
  color: var(--white);
}
.container {
  width: 104.375rem;
  padding-left: var(--gutter-x);
  padding-right: var(--gutter-x);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(-1 * var(--gutter-y));
  margin-right: calc(-0.5 * var(--gutter-x));
  margin-left: calc(-0.5 * var(--gutter-x));
}
.row > * {
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--gutter-x) * 0.5);
  padding-left: calc(var(--gutter-x) * 0.5);
  margin-top: var(--gutter-y);
}

.mobile {
  display: none;
}

html:has(.o-hidden) {
  overflow: hidden;
}

.o-hidden {
  overflow: hidden;
}

.f-24 {
  font-size: 1.5rem;
  line-height: 140%;
}

.wrapper {
  font-size: 1.25rem;
}

.title {
  font-size: 3rem;
  line-height: 140%;
  font-weight: bold;
  text-transform: uppercase;
}

.section {
  --head-margin: 4.375rem;
}
.section__head {
  margin-bottom: var(--head-margin);
  text-align: center;
}
.section__title {
  text-transform: uppercase;
}

.text-crop {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  /*padding-right: 1rem;*/ 
}

/*.custom-ellipsis.text-crop {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  padding-right: 1rem; 
}

.custom-ellipsis.text-crop::after {
    content: '';
    position: absolute;
    width: 1.5rem;
    height: 0.9rem;
    bottom: 0.3rem;
    right: 0rem;
    background-image: url(https://new.brightmotors.ru/wp-content/themes/brightmotors/static/img/arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
}*/

.br-m {
  display: none;
}

.slider {
  overflow: hidden;
}
.slider-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.75rem;
}
.slider-pagination .swiper-pagination-bullet {
  width: 1.375rem;
  height: 0.625rem;
  border-radius: 1.5rem;
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
  background: #B6B6B6;
  opacity: 1;
}
.slider-pagination .swiper-pagination-bullet-active {
  width: 4.375rem;
  background: var(--black);
}
.slider-pagination .swiper-pagination-bullet-active + .swiper-pagination-bullet {
  width: 2.25rem;
  background: #676767;
}
.slider-pagination-black .swiper-pagination-bullet {
  background: var(--black);
}
.slider-pagination-black .swiper-pagination-bullet-active {
  background: var(--white);
}
.slider-pagination-black .swiper-pagination-bullet-active + .swiper-pagination-bullet {
  background: #696969;
}

.html-rem {
  font-size: calc(0.8333333333vw + 0PX);
}

a:not([class]):hover {
  color: var(--blue);
}

.custom-tooltip {
  --bs-tooltip-bg: var(--bd-violet-bg);
  --bs-tooltip-color: var(--bs-white);
}

.tooltip {
  --bs-tooltip-opacity: 1;
}

.tooltip-inner {
  --bs-tooltip-bg: var(--white);
  --bs-tooltip-border-radius: 0.5rem;
  font-weight: 500;
  font-size: 1rem;
  color: var(--black-2);
}

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  --bs-tooltip-bg: var(--white);
}

@media (max-width: 480px) {
  body {
    background: var(--black-2);
    color: var(--white);
  }
  .mobile {
    display: block;
  }
  .desktop {
    display: none;
  }
  .wrapper {
    font-size: 0.875rem;
  }
  .section {
    --head-margin: 1.25rem;
  }
  .section__head {
    text-align: left;
  }
  .title {
    font-size: 1.5rem;
  }
  .slider-pagination {
    margin-top: 0.625rem;
  }
  .slider-pagination .swiper-pagination-bullet {
    height: 0.25rem;
    width: 0.75rem;
    background: #1382F1;
  }
  .slider-pagination .swiper-pagination-bullet-active {
    width: 2.625rem;
    background: var(--white);
  }
  .slider-pagination .swiper-pagination-bullet-active + .swiper-pagination-bullet {
    width: 1.25rem;
    background: #B3B3B3;
  }
  .br-d {
    display: none;
  }
  .br-m {
    display: block;
  }
  .html-rem {
    font-size: calc(4.1025641026vw + 0PX);
  }
}
.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  border-radius: 1.25rem;
  background: var(--blue);
  color: var(--white);
  padding: 1.125rem 1.5rem;
  gap: 0.75rem;
  min-width: 18rem;
}
.btn:hover {
  -webkit-box-shadow: 0px 2px 7px rgba(15, 25, 87, 0.5);
          box-shadow: 0px 2px 7px rgba(15, 25, 87, 0.5);
}
.btn__icon {
  width: 1.625rem;
  height: 1.625rem;
}
.btn-white {
  background: var(--white);
  color: var(--black);
  fill: var(--black);
}
.btn-outline {
  background: transparent;
  color: var(--white);
  position: relative;
}
.btn-outline::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid var(--white);
}
.btn-outline:hover {
  background: var(--blue);
  color: var(--white);
  -webkit-box-shadow: initial;
          box-shadow: initial;
}
.btn-outline:hover::before {
  opacity: 0;
}

@media (max-width: 480px) {
  .btn {
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.75rem 1.5rem;
    border-radius: 0.625rem;
    min-width: 11.25rem;
  }
}
.form {
  --input-bg: var(--white);
  --input-placeholder: #818181;
  --label-fz: 1.25rem;
}
.form-black {
  --input-bg: #EBEBEB;
  --input-placeholder: #686868;
  --label-fz: 1.5rem;
}
.form-black .form-checkbox input {
  border-color: var(--grey-1);
}
.form-item__label {
  font-size: var(--label-fz);
  margin-bottom: 0.625rem;
}
.form-item__field {
  position: relative;
}
.form-item__country {
  position: absolute;
  left: 1.25rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form-item__country-btn {
  gap: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  fill: var(--input-placeholder);
}
.form-item__country-btn__flag {
  width: 2.75rem;
}
.form-item__country-btn__icon {
  width: 1.75rem;
}
.form-field {
  display: block;
  width: 100%;
  background: var(--input-bg);
  border-radius: 1.25rem;
  font-size: 1.25rem;
  border: none;
}
.form-field::-webkit-input-placeholder {
  color: var(--input-placeholder);
}
.form-field::-moz-placeholder {
  color: var(--input-placeholder);
}
.form-field:-ms-input-placeholder {
  color: var(--input-placeholder);
}
.form-field::-ms-input-placeholder {
  color: var(--input-placeholder);
}
.form-field::placeholder {
  color: var(--input-placeholder);
}
.form-input {
  background-color: #E7E7E7;
  height: 3.375rem;
  padding: 1.25rem;
  font-size: 1.3rem;
}
.form-input[data-phone] {
  padding-left: 8rem;
}
.form-checkbox {
  gap: 0.5rem;
}
.form-checkbox input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid var(--white);
  border-radius: 0.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.form-checkbox input:checked {
  background: var(--green) url(../../static/images/general/check.svg) center no-repeat;
  border-color: var(--green);
  background-size: cover;
}
.form-checkbox__txt {
  -ms-flex-item-align: center;
      align-self: center;
}
.form__fields {
  gap: 1.25rem;
}
.form__agreements {
  gap: 1.25rem;
}
.form__agreements a {
  color: #2940D3;
}
.form-btn {
  min-width: 18rem;
}
.request-form__btn:disabled {
      background: #ccc;
}
.form-select {
  position: relative;
  color: var(--black);
  font-weight: 500;
  font-size: 1.5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.form-select--fw {
  width: 100%;
}
.form-select.opened {
  z-index: 9;
}
.form-select.opened .form-select__dropdown {
  display: block;
  width: max-content;
}
.form-select.opened .form-select__btn-icon svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.form-select__btn {
  padding: 0.25rem 1.5rem;
  background: var(--white);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 1.25rem;
  position: relative;
  z-index: 3;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-select__btn--fw {
  width: 100%;
}
.form-select__btn-output {
  padding: 0.625rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.form-select__btn-icon {
  width: 2.875rem;
  height: 2.875rem;
}
.form-select__btn-icon svg {
  width: 1.625rem;
  height: 1.625rem;
}
.form-select__dropdown {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: var(--white);
  border-radius: 1.25rem;
  padding: 4.25rem 1.5rem 0.75rem;
  display: none;
  width: max-content;
}
.form-select__list {
  max-height: 15.5rem;
  overflow-x: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.form-select__label {
  display: block;
  padding: 0.25rem 0.625rem;
}
.form-select__label input {
  display: none;
}
.form-select__label input:checked + span {
  color: var(--blue);
}

@media (max-width: 480px) {
  .form-black {
    --input-bg: var(--white);
  }
  .form-item__label {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }
  .form-item__country {
    left: 0.9375rem;
  }
  .form-item__country-btn {
    gap: 0.25rem;
  }
  .form-item__country-btn__flag {
    width: 1.875rem;
  }
  .form-item__country-btn__icon {
    width: 1.0625rem;
    height: 1.0625rem;
  }
  .form-field {
    font-size: 0.9375rem;
    border-radius: 0.9375rem;
  }
  .form-input {
    height: 3.4375rem;
    padding: 0.9375rem;
  }
  .form-input[data-phone] {
    padding-left: 4.6875rem;
  }
  .form-checkbox {
    font-size: 0.75rem;
    line-height: 1.25rem;
    gap: 0.625rem;
  }
  .form__agreements {
    gap: 0.75rem;
  }
  .form-btn {
    min-width: 11.25rem;
  }
  .form-select {
    font-size: 0.9375rem;
  }
  .form-select__btn {
    padding: 0.25rem 0.25rem;
    border-radius: 0.9375rem;
  }
  .form-select__btn-2 {
    padding: 0.25rem 0.375rem;
  }
  .form-select__btn-output {
    padding: 0.625rem 0.75rem;
  }
  .form-select__btn-icon {
    width: 1.25rem;
    height: 1.25rem;
  }
  .form-select__btn-icon svg {
    width: 100%;
    height: 100%;
  }
  .form-select__dropdown {
    position: absolute;
    top: 3.3rem;
    left: 0;
    right: 0;
    background: var(--white);
    border-radius: 1.25rem;
    padding: 1.25rem 1.5rem 0.75rem;
    width: 100%;
  }
}
.header {
  padding: 2.375rem 0;
  background: var(--white);
  color: var(--black);
  position: relative;
  z-index: 3;
}
.header__container {
  width: 112.5rem;
}
.header__content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header__group {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.header__contacts {
  margin-left: 5.375rem;
}
.header__social {
  margin-left: 5.625rem;
}
.header__menu {
  margin-left: auto;
}
.header-contacts {
  gap: 2.125rem;
}
.header-contacts__link {
  font-size: 1.5rem;
  line-height: 140%;
  gap: 0.625rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-contacts__link-icon {
  width: 2rem;
  height: 2rem;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.header-contacts__link:hover {
  color: var(--blue);
  fill: var(--blue);
}
.header-contacts__link:hover .header-contacts__link-icon--big {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

.logo img {
  width: 10.25rem;
}

.menu {
  font-size: 1.375rem;
  line-height: 140%;
  gap: 3.125rem;
}
.menu__link:hover {
  color: var(--blue);
}

.open-menu {
  width: 3.125rem;
  height: 3.125rem;
}
.open-menu .icon-close {
  display: none;
  width: 2.625rem;
  height: 2.625rem;
}
.open-menu .icon-burger {
  width: 3.125rem;
  height: 2.125rem;
}
.open-menu.active .icon-close {
  display: block;
}
.open-menu.active .icon-burger {
  display: none;
}

@media (max-width: 480px) {
  .header {
    padding: 1.5rem 0;
    z-index: 9;
  }
  .header__group {
    position: fixed;
    background: var(--white);
    top: 6.025rem;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 var(--gutter-x) 1.5rem;
    display: none;
    flex-direction: column;
  }
  .header__group.visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header__m-menu {
    margin-left: auto;
  }
  .header__menu {
    margin-top: 2rem;
    margin-left: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 1.875rem;
  }
  .header__contacts {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 0.75rem;
    margin-left: 0;
  }
  .header__social {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-left: 0;
    margin-top: auto;
  }
  .header-contacts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.75rem;
  }
  .header-contacts__link {
    gap: 0.75rem;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
  }
  .header-contacts__link-icon {
    width: 1.25rem;
    height: 1.25rem;
  }
  .logo img {
    width: 8rem;
  }
  .menu {
    line-height: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
    font-weight: 500;
    font-size: 1rem;
  }
}
.footer {
  background: #1C1C1C;
  color: var(--white);
}
.footer__top {
  padding: 9rem 0;
  border-bottom: 1px solid var(--white);
}
.footer__top-content {
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutter-x);
}
.footer__bottom {
  padding: 9rem 0;
}
.footer__bottom-content {
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gutter-x);
}
.footer__title {
  text-transform: uppercase;
  font-size: 3rem;
  line-height: 140%;
  margin-bottom: 2.5rem;
}
.footer-contacts__grid {
  gap: 1.75rem;
}
.footer-contacts__list {
  gap: 1rem;
}
.footer-contacts__link {
  gap: 1.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5rem;
  line-height: 140%;
  fill: var(--white);
}
.footer-contacts__link-icon {
  width: 2rem;
  height: 2rem;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.footer-contacts__link-icon--big {
  width: 4rem;
  height: 4rem;
  fill: var(--white);
}
.footer-contacts__link:hover {
  color: var(--blue);
  fill: var(--blue);
}
.footer-contacts__link:hover .footer-contacts__link-icon--big {
  fill: var(--white);
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.footer__logo {
  margin-bottom: 1.75rem;
}
.footer__logo img {
  width: 10.125rem;
}
.footer__social {
  margin-bottom: 1rem;
}
.footer-social {
  gap: 0.5rem;
}
.footer-social__link {
  width: 1.875rem;
  height: 1.875rem;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.footer-social__link:hover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.footer__txt {
  line-height: 140%;
}
.footer__txt-top {
  font-size: 0.8125rem;
}
.footer__txt-middle {
  font-size: 0.625rem;
  max-width: 14.375rem;
  margin-top: 1rem;
}
.footer__txt-bottom {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #8D8D8D;
  margin-top: 3rem;
}
.footer-item__title {
  font-size: 1.5rem;
  line-height: 140%;
  margin-bottom: 2rem;
}
.footer-item__title-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: none;
}
.footer-menu {
  gap: 0.9375rem;
  font-size: 1.25rem;
  line-height: 140%;
}
.footer-menu__link:hover {
  color: var(--blue);
}

@media (max-width: 480px) {
  .footer__top {
    padding-top: 1.875rem;
    padding-bottom: 3.5rem;
    background: var(--white);
    color: var(--black-2);
    border-radius: 1.875rem 1.875rem 0 0;
  }
  .footer__top-content {
    grid-template-columns: 1fr;
    gap: 2.25rem;
  }
  .footer__title {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .footer-contacts__grid {
    gap: 1.125rem;
  }
  .footer-contacts__link {
    fill: var(--black-2);
    gap: 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
  }
  .footer-contacts__link-icon {
    width: 1rem;
    height: 1rem;
  }
  .footer-contacts__link-icon--big {
    fill: var(--black-2) !important;
    width: 2rem;
    height: 2rem;
  }
  .footer-contacts__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
  }
  .footer__bottom {
    padding: 2.25rem 0;
  }
  .footer__bottom-content {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }
  .footer__logo {
    margin-bottom: 1rem;
  }
  .footer__logo img {
    width: 7.375rem;
  }
  .footer__socail {
    margin-bottom: 2rem;
  }
  .footer-social {
    gap: 0.625rem;
  }
  .footer-social__link {
    width: 2.5rem;
    height: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer-social__link svg, .footer-social__link img {
    width: 1.875rem;
    height: 1.875rem;
  }
  .footer-item {
    background: var(--white);
    color: var(--black-2);
    border-radius: 1.25rem;
  }
  .footer-item__title {
    font-size: 0.9375rem;
    padding: 0.75rem 1.5rem;
    margin-bottom: 0;
  }
  .footer-item__title-txt {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .footer-item__title-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .footer-item__title-icon svg {
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  }
  .footer-item__title.active .footer-item__title-icon svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .footer-item__content {
    padding: 0.25rem 1.5rem 1rem;
    display: none;
  }
  .footer-menu {
    font-size: 0.75rem;
    gap: 0.625rem;
  }
  .footer__txt {
    margin-top: 2rem;
  }
  .footer__txt-top {
    margin-bottom: 0.75rem;
    font-size: 0.625rem;
  }
  .footer__txt-middle {
    line-height: 140%;
  }
}
.card {
  background: var(--white);
  border-radius: 3.125rem;
  height: 100%;
  padding: 3.75rem 1.625rem;
  color: var(--black);
}
.card__title {
  text-align: center;
  font-size: 2.25rem;
  margin-bottom: 1.875rem;
}
.card__gallery {
  position: relative;
}
.card-badge {
  background: var(--white);
  padding: 0.5rem 1rem;
  font-weight: 500;
  font-size: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  border-radius: 1.25rem;
  --dot: #00ED08;
  --dot-size: 0.875rem;
  position: absolute;
  top: 0.875rem;
  right: 0.875rem;
  z-index: 3;
  color: var(--black-2);
}
.card-badge--red {
  --dot: #ED0000;
}
.card-badge--yellow {
  --dot: #FFE606;
}
.card-badge--orange {
  --dot: #ED7E00;
}
.card-badge--gray {
  --dot: #525151;
}
.card-badge__dot {
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: var(--dot);
}
.card-slider {
  border-radius: 2.5rem;
}
.card-slider__img {
  height: 16.125rem;
}
.card-slider__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2.5rem;
}
.card__info {
    margin-top: 3.5rem;
    text-align: center;
    font-size: 1.5rem;
    max-width: 16rem;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

/*.survey-catalog .card
{
  color: #000;
}

.survey-catalog .card__info
{
  margin-top: 1.75rem;
  text-align: left;
}
.survey-catalog .card__title {
  margin: 1.75rem 0rem 0rem 0rem;
  text-align: left;
}
.survey-catalog .card .d-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 1rem;
}

.survey-catalog .card__btn
{
  padding: 1.125rem 3.875rem;
  min-width: 14rem;
}

.survey-catalog .card__link
{
    border-radius: 1.25rem;
    border: 1px solid #000;
    display: block;
     height: 100%; 
    padding: 1.125rem 1.875rem;
    min-width: 14rem;
}*/

.card__info-item span {
  font-weight: 500;
}
.card__buttons {
  margin-top: 3.5rem;
  text-align: center;
  gap: 0.625rem;
}
.card__btn {
  padding: 1.125rem 4.875rem;
  margin-left: auto;
  margin-right: auto;
}
.card__link::before {
  display: none;
}
.card__link:hover {
  color: var(--blue);
}

@media (max-width: 480px) {
  .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: var(--white);
  }
  .card__gallery {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .card-slider {
    border-radius: 0.875rem;
  }
  .card-slider__img {
    height: 13rem;
  }
  .card-slider__img img {
    border-radius: 0.875rem;
  }
  .card__title {
    text-align: left;
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
    font-size: 1.25rem;
  }
  .card__info {
    text-align: left;
    margin-top: 0;
    font-size: 0.9375rem;
  }
  .card__buttons {
    margin-top: 1rem;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.125rem;
  }

  .similar .card__buttons {
    margin-top: 1rem;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.125rem;
  }

  /*.survey-catalog .card__btn
  {
    padding: 0.75rem;
    width: 100%;
    max-width: 100%;
    min-width: initial;
  }

  .survey-catalog .card__link
  {
    padding: 0.75rem;
    border-radius: 0.625rem;
    display: block;
    max-width: 100%;
    min-width: initial;
  }*/

  .card__btn {
    padding: 0.75rem;
    width: 100%;
    max-width: 100%;
    min-width: initial;
  }
  .card__link {
    padding: 0.75rem;
    border-radius: 0.625rem;
    display: block;
    max-width: 100%;
    min-width: initial;
  }
  .card__link::before {
    display: block;
  }
  .card-badge {
    top: 0.625rem;
    right: 0.625rem;
    padding: 0.5rem 0.625rem;
    font-size: 0.75rem;
    --dot-size: 0.625rem;
  }
  .card-badge__txt {
    line-height: 1;
  }
}
.modal-backdrop {
  --bs-backdrop-opacity: 0.86;
  background: var(--black-2);
  -webkit-backdrop-filter: blur(36px);
          backdrop-filter: blur(36px);
}
.modal-dialog {
  max-width: 47.375rem;
}
.modal-dialog-thanks {
  max-width: 40.75rem;
}
.modal-dialog-calculate {
  max-width: 60.75rem;
}
.modal-content__inner {
  background: var(--white);
  border-radius: 5rem;
}
.modal-thanks {
  padding: 2.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: var(--black-2);
}
.modal-thanks__icon {
  width: 7rem;
  height: 7rem;
  margin-bottom: 2rem;
}
.modal-thanks__title {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.modal-thanks__txt {
  font-size: 1.5rem;
  margin-bottom: 3rem;
}
.modal-thanks__btn {
  margin-left: auto;
  margin-right: auto;
}
.modal-calculate {
  padding: 4rem 5rem;
  color: var(--black-2);
}
.modal-calculate__title {
  font-size: 2.25rem;
  margin-bottom: 4rem;
  text-align: center;
}
.modal-calculate__result {
  margin-bottom: 4rem;
}
.modal-content {
  position: relative;
}
.modal-close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 2rem;
  height: 2rem;
  z-index: 9;
  fill: var(--white);
}

@media (max-width: 480px) {
  .modal {
    --bs-modal-margin: 1.875rem;
  }
  .modal-blur {
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
  }
  .modal-backdrop {
    --bs-backdrop-opacity: 0.7;
  }
  .modal-content__inner {
    border-radius: 0;
    background: none;
    padding: 0;
  }
  .modal-thanks {
    color: var(--white);
  }
  .modal-close {
    top: 1.5rem;
  right: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  }

  .modal-thanks__icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-bottom: 1rem;
    fill: var(--white);
  }
  .modal-thanks__title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
  .modal-thanks__txt {
    font-size: 0.9375rem;
    line-height: 120%;
    margin-bottom: 1.5rem;
  }
  .modal-thanks__btn {
    margin: initial;
  }
  .modal-calculate {
    color: var(--white);
  }
  .modal-calculate__title {
    text-align: left;
    font-size: 1.5rem;
    text-transform: uppercase;
    margin-bottom: 2rem;
  }
  .modal-calculate__calculate {
    margin-bottom: 3rem;
  }
}
.intro {
  margin-top: -7.5rem;
  padding-top: 14.375rem;
  padding-bottom: 4.375rem;
  background: url(../../static/images/general/intro-bg.webp) top 0px center no-repeat;
  background-size: cover;
}
.intro__top-left {
  width: 47.375rem;
}
.intro__top-right {
  margin-left: 10.5rem;
  padding-top: 5.375rem;
}
.intro__info {
  color: var(--white);
}
.intro__title {
  font-weight: 800;
  font-size: 8rem;
  line-height: 103%;
}
.intro__subtitle {
  font-weight: 800;
  font-size: 2rem;
  line-height: 140%;
}
.intro__bottom {
  margin-top: 5.25rem;
}
.intro-list {
  gap: 1.5rem;
  grid-template-columns: repeat(5, 1fr);
}
.intro-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  height: 100%;
  padding: 1.875rem 0.625rem;
  text-align: center;
  border-radius: 3.125rem;
  background: var(--white);
  color: var(--black-2);
  fill: var(--black-2);
  min-height: 9.375rem;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.intro-item:hover {
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
}
.intro-item__icon {
  width: 3.25rem;
  height: 3.25rem;
}
.intro-form {
  border-radius: 3.125rem;
  padding: 2.375rem;
  background: rgba(133, 133, 133, 0.31);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  color: var(--white);
}
.intro-form::before {
  border-color: rgba(255, 255, 255, 0.36);
}
.intro-form__title {
  font-size: 1.5rem;
  line-height: 140%;
  margin-bottom: 1rem;
}
.intro-form__fields {
  gap: 1.25rem;
}
.intro-form__agreements {
  gap: 1.25rem;
  margin-top: 1.75rem;
}
.review-form__agreements {
  gap: 1.25rem;
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}
.review-form__agreements a {
  color:#2940D3;
}
.intro-form__foot {
  margin-top: 1.75rem;
}
.intro-form__btn {
  width: 18.125rem;
  max-width: 100%;
}

.intro-form__btn:disabled {
  background-color: #ccc;
}
.survey-form__btn:disabled {
  background-color: #ccc;
}
.review-form__btn:disabled {
  background-color: #ccc;
}
.review-form__agreements-item input[type=checkbox] {
  border: 1px solid #000;
}


@media (max-width: 480px) {
  .intro {
    margin-top: 0;
    padding-top: 3.5rem;
    padding-bottom: 1.75rem;
    background: var(--black-2);
  }
  .intro__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .intro__top-right {
    margin-left: 0;
    width: 100%;
    padding-top: 0;
    margin-bottom: 2.625rem;
  }
  .intro__top-left {
    width: 100%;
  }
  .intro__title {
    font-size: 2rem;
    margin-bottom: 0.5rem;
  }
  .intro__subtitle {
    font-size: 1.25rem;
  }
  .intro-form {
    border-radius: 1.875rem;
    padding: 1.875rem 1.625rem;
  }
  .intro-form__title {
    font-size: 1.25rem;
    text-align: left;
    margin-bottom: 1.25rem;
  }
  .intro-form__fields {
    gap: 1.5rem;
  }
  .intro-form__agreements {
    gap: 0.75rem;
    margin-top: 1.25rem;
  }
  .review-form__agreements {
    gap: 0.75rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .intro-form__foot {
    margin-top: 1.25rem;
  }
  .intro-form__btn {
    width: 11.25rem;
    margin-left: auto;
    margin-right: auto;
  }
  .intro-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
  }
  .intro-item {
    padding: 0.5rem;
    border-radius: 1.25rem;
    min-height: 4.375rem;
  }
  .intro-item__icon {
    width: 1.875rem;
    height: 1.875rem;
  }
  .intro__bottom {
    margin-top: 2.75rem;
  }
}
.steps {
  padding-top: 5rem;
  --head-margin: 1.25rem;
}
.steps .title {
  text-align: left;
}
.steps__content {
  grid-template-columns: repeat(2, 1fr);
  background: var(--white);
  border-radius: 6.25rem;
  overflow: hidden;
}
.steps__content-col:last-child {
  background: var(--black-2);
}
.steps-item-wrap {
  padding-top: 4rem;
  padding-bottom: 4rem;
  padding-left: 5.625rem;
  position: relative;
}
.steps-item-black {
  padding-left: 11.25rem;
  color: var(--white);
}
.steps-item-bg {
  background: var(--black-2);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0 6.25rem 6.25rem 0;
  max-width: 50.625rem;
}
.steps-item {
  position: relative;
  z-index: 4;
}
.steps-item__title {
  font-size: 2.5rem;
  line-height: 140%;
  margin-bottom: 3rem;
}
.steps-item__title-icon {
  display: none;
}
.steps-item__list-item {
  margin-bottom: 6.875rem;
}
.steps-item__list-item:last-child {
  margin-bottom: 0;
}
.steps-num {
  gap: 1.75rem;
}
.steps-num__num {
  font-size: 8rem;
  line-height: 140%;
  min-width: 11rem;
  text-align: center;
}
.steps-num__num-1 {
  color: #BABABA;
}
.steps-num__num-2 {
  color: #757575;
}
.steps-num__num-3 {
  color: #2940D3;
}
.steps-num__num-4 {
  color: #FFFFFF;
}
.steps-num__num-5 {
  color: #CACACA;
}
.steps-num__num-6 {
  color: #D2D8FF;
}
.steps-num__num-7 {
  color: #C5CDFF;
}
.steps-num__num-8 {
  color: #6A7EFF;
}
.steps-num__num-9 {
  color: #2940D3;
}
.steps-num__num-line {
  position: relative;
}
.steps-num__num-line::after {
  content: "";
  width: 0.75rem;
  height: 8.75rem;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background: url(../../static/images/general/steps-line.svg) 0 0 no-repeat;
  background-size: cover;
  top: 10.25rem;
}
.steps-num__info {
  padding-top: 2rem;
  max-width: 21.375rem;
}
.steps-num__title {
  font-size: 2.5rem;
  line-height: 140%;
  margin-bottom: 1rem;
}
.steps-num__txt {
  font-size: 1.25rem;
  line-height: 140%;
}
.steps-images {
  margin-top: 6.875rem;
  width: 31.25rem;
  max-width: 100%;
  position: relative;
}
.steps-images::after {
  content: "";
  width: 9.75rem;
  height: 32rem;
  position: absolute;
  top: 8.875rem;
  right: -11rem;
  background: url(../../static/images/general/steps-decor.svg) 0 0 no-repeat;
  background-size: cover;
}
.steps-images__grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 0.625rem;
}
.steps-images__grid-item:first-child {
  grid-column: span 2;
}

@media (max-width: 480px) {
  .steps {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    background: #D9D9D9;
  }
  .steps__content {
    grid-template-columns: 1fr;
    gap: 0rem;
    border-radius: 0;
    background: none;
  }
  .steps__content-col:last-child {
    background: none;
  }
  .steps-images {
    display: none;
  }
  .steps-item-bg {
    display: none;
  }
  .steps-item-black {
    margin-left: 0;
    padding-left: 0;
    color: var(--black);
  }
  .steps-item-black .steps-item {
    background: var(--black-2);
    color: var(--white);
  }
  .steps-item-wrap {
    padding: 0;
  }
  .steps-item {
    background: var(--white);
    border-radius: 1.25rem;
    color: var(--black);
  }
  .steps-item__title {
    font-size: 0.9375rem;
    padding: 0.75rem 1.5rem;
    margin-bottom: 0;
  }
  .steps-item__title-txt {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .steps-item__title.active .steps-item__title-icon svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .steps-item__list-item {
    margin-bottom: 1rem;
  }
  .steps-item__list-item--mb-2 {
    margin-bottom: 1.5rem;
  }
  .steps-item__content {
    padding: 0.75rem 1.5rem 1.5rem;
  }
  .steps-num {
    gap: 0.75rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .steps-num__num {
    font-size: 2rem;
    min-width: 2.75rem;
  }
  .steps-num__num-line::after {
    width: 0.375rem;
    height: 2.5625rem;
    background: url(../../static/images/general/steps-line-2.svg) 0 0 no-repeat;
    background-size: cover;
    top: 3rem;
  }
  .steps-num__num-1::after, .steps-num__num-2::after {
    display: none;
  }
  .steps-num__num-4 {
    color: #BABABA;
  }
  .steps-num__num-5 {
    color: #B3B3B3;
  }
  .steps-num__num-6 {
    color: #909090;
  }
  .steps-num__num-7 {
    color: #6C6C6C;
  }
  .steps-num__num-8 {
    color: #4E5CB5;
  }
  .steps-num__info {
    padding-top: 0.25rem;
  }
  .steps-num__title {
    font-size: 1rem;
    line-height: 140%;
    margin-bottom: 0;
    min-height: 2rem;
  }
  .steps-num__txt {
    font-size: 0.875rem;
    line-height: 140%;
    font-weight: 500;
    min-height: 2.5rem;
  }
  .steps-num__txt br {
    display: none;
  }
}
.mainCatalog {
  padding-top: 7.5rem;
  padding-bottom: 3.75rem;
  background: var(--black-2);
  color: var(--white);
  border-radius: 6.25rem 6.25rem 0 0;
  --head-margin: 3.75rem;
}

/*.mainCatalog.survey-catalog {
  padding-top: 7.5rem;
  padding-bottom: 3.75rem;
  background: var(--white);
  color: var(--black);
  border-radius: 6.25rem 6.25rem 0 0;
  --head-margin: 3.75rem;
}*/


.mainCatalog--rounded {
  border-radius: 6.25rem 6.25rem 0px 0px;
}
.mainCatalog-list {
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
}
.mainCatalog__more {
  margin: 5rem auto 0;
}

@media (min-width: 481px) {
  .mainCatalog__more:hover {
    background: var(--blue);
    fill: var(--white);
    color: var(--white);
  }
}
@media (max-width: 480px) {
  .mainCatalog {
    padding-top: 1.75rem;
    padding-bottom: 4rem;
    border-radius: 0;
    --head-margin: 1.25rem;
  }
  .mainCatalog--rounded {
    border-radius: 1.875rem 1.875rem 0px 0px;
  }
  .mainCatalog-list {
    grid-template-columns: 1fr;
    gap: 0rem;
  }

  .similar-slider .mainCatalog-list__item {
    border-bottom: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .mainCatalog-list__item {
    border-bottom: 1px solid var(--white);
    margin-left: -1.875rem;
    margin-right: -1.875rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
  .mainCatalog-list__item:last-child {
    border-bottom: none;
  }
  .mainCatalog-list .card {
    padding: 1.25rem 0;
  }
  .mainCatalog__more {
    margin-top: 2.5rem;
    width: 100%;
  }
  .mainCatalog__more .btn__icon {
    display: none;
  }
}
.stats {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
  background: var(--white);
}
.stats-list {
  gap: 5rem;
}
.stats-item__inner {
  grid-template-columns: 60rem 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4.25rem;
}
.stats-item__inner-2 {
  grid-template-columns: 1fr 60rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4.25rem;
}
.stats-item__img img {
  width: 100%;
  border-radius: 3.125rem;
}
.stats-item__info--right {
  text-align: right;
}
.stats-item__info--right .stats-item__txt {
  margin-left: auto;
}
.stats-item__txt {
  max-width: 29.5rem;
  font-size: 1.5rem;
}
.stats-item__title {
  font-size: 9.375rem;
  line-height: 103%;
  margin-bottom: 1rem;
}

@media (max-width: 480px) {
  .stats {
    border-radius: 1.875rem 1.875rem 0 0;
    background: var(--white);
    color: var(--black-2);
    padding-top: 3rem;
    padding-bottom: 0;
  }
  .stats-list {
    gap: 1.75rem;
    margin-left: calc(-1 * var(--gutter-x));
    margin-right: calc(-1 * var(--gutter-x));
  }
  .stats-item__inner, .stats-item__inner-2 {
    grid-template-columns: 1fr;
    gap: 1.75rem;
  }
  .stats-item__inner .stats-item__col:last-child {
    grid-row: 1;
  }
  .stats-item__info {
    padding-left: var(--gutter-x);
    padding-right: var(--gutter-x);
  }
  .stats-item__title {
    font-size: 4rem;
    margin-bottom: 0.75rem;
  }
  .stats-item__txt {
    font-size: 0.9375rem;
    max-width: 18.5rem;
  }
  .stats-item__img img {
    border-radius: 0;
  }
  .stats-item__img--m-rounded img {
    border-radius: unset;
  }
}
.whywe {
  padding-top: 7.5rem;
  padding-bottom: 12.5rem;
}
.whywe__content {
  position: relative;
  width: 91.625rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  background: url(../../static/images/general/whywe-bg.svg) top 1.25rem center no-repeat;
  background-size: 53.5rem 53.5rem;
}
.whywe__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.whywe-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 11.25rem;
}
.whywe-list__item {
  width: 50%;
}
.whywe-item {
  width: 34.125rem;
  max-width: 100%;
  padding-top: 5.375rem;
  position: relative;
}
.whywe-item--right {
  margin-left: auto;
}
.whywe-item--left {
  padding-left: 5.375rem;
}
.whywe-item__num {
  width: 10.625rem;
  height: 10.625rem;
  padding: 0.5rem 1.375rem;
  border-radius: 2.75rem;
  color: var(--white);
  font-size: 4rem;
  position: absolute;
  top: 0;
}
.whywe-item__num-1 {
  left: 0;
}
.whywe-item__num-2 {
  right: 0;
}
.whywe-item__num-3 {
  left: 0;
}
.whywe-item__num-4 {
  right: 0;
}
.whywe-item__num-blue {
  background: #B0BBFF;
}
.whywe-item__num-black {
  background: #3B3B3B;
}
.whywe-item__num-2, .whywe-item__num-4 {
  text-align: right;
}
.whywe-item__info {
  border-radius: 2.25rem;
  background: var(--white);
  padding: 3.375rem;
  min-height: 16.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  max-width: 28.75rem;
  position: relative;
  z-index: 3;
}
.whywe-item__title {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}
.whywe-item__txt {
  max-width: 23.75rem;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 480px) {
  .whywe {
    padding: 3.5rem 0;
    color: var(--white);
    border-bottom: 1px solid #fff;
  }
  .whywe__content {
    background: none;
  }
  .whywe__title {
    position: initial;
    margin-bottom: 1.875rem;
    -webkit-transform: initial;
        -ms-transform: initial;
            transform: initial;
    width: 100%;
    text-align: left;
  }
  .whywe__title br {
    display: none;
  }
  .whywe-list {
    gap: 1.5rem;
  }
  .whywe-list__item {
    width: 100%;
  }
  .whywe-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1rem;
    padding: 0;
    width: 100%;
  }
  .whywe-item__num {
    padding: 0;
    border-radius: 0;
    background: none;
    width: 3.5rem;
    height: auto;
    text-align: center;
    font-size: 2.5rem;
    position: initial;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
  }
  .whywe-item__num-1 {
    color: #E5E5E5;
  }
  .whywe-item__num-2 {
    color: #C6C6C6;
  }
  .whywe-item__num-3 {
    color: #657AFF;
  }
  .whywe-item__num-line::after {
    content: "";
    width: 0.375rem;
    height: 4.375rem;
    background: url(../../static/images/general/whywe-line.svg) center no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 100%;
  }
  .whywe-item__num-4 {
    color: #2744FF;
  }
  .whywe-item__info {
    width: auto;
    border-radius: 0;
    background: none;
    padding: 0;
    min-height: initial;
    text-align: left;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .whywe-item__title {
    font-size: 1rem;
    padding: 0.625rem 0;
    margin-bottom: 0;
  }
  .whywe-item__txt {
    padding-bottom: 0.625rem;
    font-size: 0.875rem;
    font-weight: 500;
    max-width: 14.25rem;
    min-height: 4.375rem;
  }
  .whywe-item__txt--m-long {
    max-width: 100%;
  }
}
.request {
  background: var(--white);
  padding: 9.375rem 0;
}
.request__content {
  grid-template-columns: 43.125rem 1fr;
  gap: 4.875rem;
}
.request-info {
  font-size: 1.5rem;
}
.request-info__title {
  margin-bottom: 1.75rem;
}
.request-info__txt {
  max-width: 36.625rem;
  margin-bottom: 2.5rem;
}
.request-info__list {
  gap: 1.75rem;
}
.request-info__link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
}
.request-info__link-icon {
  width: 2rem;
  height: 2rem;
}
.request-info__img {
  width: 34.375rem;
  max-width: 100%;
  margin-top: 3.125rem;
}
.request-info__img img {
  width: 100%;
  border-radius: 1.875rem;
}
.request-form {
  padding: 3.5rem;
  border-radius: 3.125rem;
  background: #FBFBFB;
  -webkit-box-shadow: 4px 4px 35.6px rgba(0, 0, 0, 0.25);
          box-shadow: 4px 4px 35.6px rgba(0, 0, 0, 0.25);
  color: var(--black);
}
.request-form__inner {
  gap: 3.25rem;
}
.request-form__btn {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 480px) {
  .request {
    padding: 1.875rem 0;
    border-radius: 1.875rem 1.875rem 0 0;
  }
  .request__content {
    grid-template-columns: 1fr;
    gap: 1.875rem;
  }
  .request-info__title {
    margin-bottom: 0.625rem;
  }
  .request-info__txt {
    font-size: 0.9375rem;
    margin-bottom: 1.5rem;
  }
  .request-info__list {
    gap: 1.25rem;
  }
  .request-info__link {
    gap: 0.75rem;
    font-size: 0.875rem;
  }
  .request-info__link-icon {
    width: 1rem;
    height: 1rem;
  }
  .request-info__img {
    display: none;
  }
  .request-form {
    background: var(--black-2);
    color: var(--white);
    -webkit-box-shadow: initial;
            box-shadow: initial;
    padding: 1.375rem 1.375rem 1.75rem;
    border-radius: 1.875rem;
  }
  .request-form .form-item__label {
    font-weight: 600;
  }
  .request-form__inner {
    gap: 1.5rem;
  }
}
.mainImages {
  padding-bottom: 6.25rem;
}
.mainImages__content {
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 480px) {
  .mainImages {
    padding-bottom: 1.25rem;
  }
  .mainImages__content {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }
  .mainImages-line {
    height: 2px;
    background: var(--white);
  }
}
.requestBlock {
  background: var(--white);
  border-radius: 3.125rem 3.125rem 0 0;
  -webkit-box-shadow: 3px -6px 18.8px -1px #BEBEBE;
          box-shadow: 3px -6px 18.8px -1px #BEBEBE;
  overflow: hidden;
  color: var(--black);
}
.requestBlock--not-shadow {
  -webkit-box-shadow: initial;
          box-shadow: initial;
}
.requestBlock__content {
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.requestBlock-info {
  margin-left: 8.375rem;
}
.requestBlock-info__title {
  font-size: 4rem;
}
.requestBlock-info__title span {
  color: var(--blue);
}
.requestBlock-info__subtitle {
  font-size: 2.25rem;
  margin-bottom: 1.5rem;
}
.requestBlock-info__txt {
  font-size: 1.5rem;
  max-width: 36.625rem;
  margin-bottom: 3.125rem;
}
.requestBlock-img img {
  width: 100%;
}

@media (max-width: 480px) {
  .requestBlock {
    -webkit-box-shadow: initial;
            box-shadow: initial;
    border-radius: 1.875rem 1.875rem 0 0;
  }
  .requestBlock--not-shadow {
    border-radius: initial;
    background: var(--black-2);
    color: var(--white);
  }
  .requestBlock--not-shadow .requestBlock-info {
    padding: 3.5rem 1.875rem;
  }
  .requestBlock__content {
    grid-template-columns: 1fr;
  }
  .requestBlock-info {
    margin-left: 0;
    padding: 1.875rem;
  }
  .requestBlock-info__title {
    font-weight: 800;
    line-height: 103%;
    margin-bottom: 0.25rem;
  }
  .requestBlock-info__title--m-sm {
    font-size: 1.5rem;
    line-height: 140%;
  }
  .requestBlock-info__title span {
    color: initial;
  }
  .requestBlock-info__subtitle {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
  .requestBlock-info__txt {
    font-size: 0.9375rem;
    margin-bottom: 2.25rem;
  }
}
.calculate {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
  color: var(--white);
  position: relative;
  overflow: hidden;
}
.calculate::before {
  content: "";
  position: absolute;
  left: -3.75rem;
  right: -7.5rem;
  bottom: -1.5625rem;
  top: -1.5625rem;
  background: url(../../static/images/general/calculate-bg.webp) top 0px center no-repeat;
  background-size: cover;
  -webkit-filter: blur(20px);
          filter: blur(20px);
}
.calculate .container {
  position: relative;
  z-index: 4;
}
.calculate-form {
  width: 45.25rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  --bs-tooltip-bg: var(--white);
}
.calculate-form__fields {
  gap: 1.5rem;
}
.calculate-form__label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2rem;
  margin-bottom: 1rem;
  fill: var(--white);
  gap: 0.75rem;
}
.calculate-form__label-icon {
  width: 2.25rem;
  height: 2.25rem;
  cursor: pointer;
}
.calculate-form__group {
  grid-template-columns: 14.5rem 1fr;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.calculate-form__input {
  display: block;
  width: 100%;
  height: 3.875rem;
  border-radius: 1.25rem;
  padding: 0.625rem;
  text-align: center;
  font-weight: 500;
  border: none;
}
.calculate-form__currency {
  margin-top: 2.5rem;
}
.calculate-form__foot {
  margin-top: 3.5rem;
}
.calculate-form__btn {
  margin-left: auto;
  margin-right: auto;
}
.calculate-form__btn:hover {
  background: var(--white);
  color: var(--black-2);
}
.calculate-result {
  font-size: 1.5rem;
}
.calculate-result__list {
  gap: 1.875rem;
}
.calculate-result__item {
  grid-template-columns: repeat(2, 1fr);
  gap: 2.25rem;
}
.calculate-result__item-txt {
  font-size: 1.25rem;
  color: #686868;
}
.calculate-result__item-group {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
}

@media (max-width: 480px) {
  .calculate::before {
    display: none;
  }
  .calculate {
    padding: 3.5rem 0;
  }
  .calculate-form__label {
    font-size: 1rem;
    gap: 0.625rem;
    margin-bottom: 0.625rem;
  }
  .calculate-form__label-icon {
    width: 1rem;
    height: 1rem;
  }
  .calculate-form__fields {
    gap: 1.25rem;
  }
  .calculate-form__group {
    grid-template-columns: 12.75rem 1fr;
    gap: 0.75rem;
  }
  .calculate-form__group-2 {
    grid-template-columns: 7.875rem 1fr;
  }
  .calculate-form__input {
    height: 3.0625rem;
    border-radius: 0.9375rem;
  }
  .calculate-form__currency {
    font-size: 0.75rem;
    margin-top: 0.625rem;
  }
  .calculate-form__foot {
    margin-top: 2.5rem;
  }
  .calculate-result__list {
    gap: 1.5rem;
  }
  .calculate-result__item {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
  .calculate-result__item-name {
    font-size: 1.25rem;
    font-weight: bold;
  }
  .calculate-result__item-value {
    font-size: 0.9375rem;
    font-weight: 500;
  }
  .calculate-result__item-txt {
    display: none;
  }
}
.reviews {
  padding-top: 9.25rem;
  padding-bottom: 4.625rem;
  background: var(--black-2);
  color: var(--white);
  overflow: hidden;
}
.similar {
  padding-top: 9.25rem;
  padding-bottom: 4.625rem;
  background: var(--black-2);
  color: var(--white);
  overflow: hidden;
}

.reviews.video-reviews {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
  background: var(--black-2);
  color: var(--white);
  overflow: hidden;
}

.reviews--not-bg {
  background: transparent;
}
.reviews-slider {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}
.reviews-slider__slide {
  width: 27.8125rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  height: initial;
}

.similar-slider__slide {
  width: 27.8125rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  height: initial;
}
/*.similar-slider .card {
  width: 30rem;
}*/
.reviews-card {
  padding: 2rem;
  height: 34rem;
  border-radius: 3.125rem;
  background: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: var(--black);
  text-align: center;
  gap: 0.625rem;
}

.reviews-card.show_more_active { 
  height: 100% ;
}
.reviews-card.red {
  background: red;
}
.reviews-card__img {
  padding: 0.625rem;
}
.reviews-card__img img {
  width: 21rem;
  height: 12rem;
  border-radius: 1.25rem;
}
.reviews-card__title {
  font-size: 1.5rem;
}
.reviews-card__txt {
  padding: 0.625rem;
}
.reviews-card__txt-inner {
  -webkit-line-clamp: 4;
}
.reviews-card__link {
  margin-top: auto;
  color: var(--blue);
}

.reviews-card .reviews-card__link::after {
    content: "▽";
    font-size: 1.8rem;
    margin-left: 0.3rem;
    line-height: 0;
    position: relative;
    top: 1px;
}
.reviews-card.show_more_active .reviews-card__link::after {
    content: "△";
}

.reviews-card__link:hover {
  color: var(--black);
}
.reviews-pagination {
  margin-top: 2.5rem;
}
.reviews__more {
  width: 100%;
  margin-top: 1.25rem;
}
.reviews-list {
  gap: 0.9375rem;
}
.reviews-cardSm {
  background: var(--white);
  border-radius: 1.25rem;
  -webkit-box-shadow: 3px 0px 12.8px rgba(0, 0, 0, 0.25);
          box-shadow: 3px 0px 12.8px rgba(0, 0, 0, 0.25);
  padding: 0.9375rem 0.75rem 0.9375rem 0.9375rem;
}
.reviews-cardSm__inner {
  grid-template-columns: 7.8125rem 1fr;
  gap: 0.75rem;
}
.reviews-cardSm__img img {
  width: 100%;
  border-radius: 0.625rem;
}
.reviews-cardSm__title {
  font-size: 1rem;
  margin-bottom: 0.75rem;
  margin-top: 0.3125rem;
}
.reviews-cardSm__txt {
  font-size: 0.75rem;
}
.reviews-cardSm__txt-inner {
  -webkit-line-clamp: 3;
}

@media (max-width: 480px) {
  .reviews {
    padding: 2.5rem 0;
    background: var(--white);
    color: var(--black-2);
  }
  .reviews--m-rounded {
    border-radius: 1.875rem 1.875rem 0 0;
  }
  .reviews-slider {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .reviews-slider__slide {
    width: 14.25rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    height: initial;
  }
  .similar-slider__slide {
    width: 100%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    height: initial;
  }
  .reviews-card {
    height: 22rem;
    padding: 0.9375rem;
    border-radius: 1.25rem;
    background: var(--white);
    -webkit-box-shadow: 0.1875rem 0px 0.75rem rgba(0, 0, 0, 0.25);
            box-shadow: 0.1875rem 0px 0.75rem rgba(0, 0, 0, 0.25);
  }
  .reviews-card__img {
    padding: 0;
  }
  .reviews-card__img img {
    border-radius: 0.625rem;
    width: 21rem;
    height: 7rem;
  }
  .reviews-card__title {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }
  .reviews-card__txt {
    font-size: 0.75rem;
    padding: 0;
    margin-bottom: 1rem;
  }
  .reviews-card__txt-inner {
    -webkit-line-clamp: 5;
  }
  .reviews-card .reviews-card__link::after {
    font-size: 1.2rem;
  }
  .reviews-card__link {
    font-size: 0.75rem;
  }
  .reviews-pagination {
    margin-top: 1.25rem;
  }
  .reviews-pagination .swiper-pagination-bullet {
    background: #BBBBBB;
  }
  .reviews-pagination .swiper-pagination-bullet-active {
    background: #5B5B5B;
  }
  .reviews-pagination .swiper-pagination-bullet-active + .swiper-pagination-bullet {
    background: var(--black-2);
  }
  .form-select__list {
    overflow-y: scroll;
  }
}

.videoReviews {
  padding-bottom: 9.25rem;
  padding-top: 4.625rem;
  background: var(--black-2);
  color: var(--white);
  overflow: hidden;
}
.videoReviews-slider-wrapper {
  width: 25.9375rem;
  margin-left: auto;
  margin-right: auto;
}
.videoReviews-slider {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
  height: 34.6875rem;
}
.videoReviews-slider .swiper-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.videoReviews-slider__slide {
  width: 21.875rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  height: initial;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.videoReviews-slider__slide.swiper-slide-active {
  width: 27.8125rem;
}
.videoReviews-card {
  position: relative;
  border-radius: 1.875rem;
  overflow: hidden;
}
.videoReviews-card__img {
  max-height: 34.6875rem;
}
.videoReviews-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.videoReviews-card__link {
  position: absolute;
  inset: 0;
}
.videoReviews-card__link-play {
  width: 7.125rem;
  height: 7.125rem;
  background: #FF0000;
  border-radius: 50%;
  fill: var(--white);
}
.videoReviews-card__link-play svg {
  width: 2.625rem;
  height: 2.625rem;
}
.videoReviews-pagination {
  margin-top: 2.5rem;
}

@media (max-width: 480px) {
  .videoReviews {
    padding-top: 3.5rem;
    padding-bottom: 1.75rem;
  }
  .videoReviews-slider-wrapper {
    width: 11.5rem;
  }
  .videoReviews-pagination {
    margin-top: 1.25rem;
  }
  .videoReviews-slider {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
    height: 15.3125rem;
  }
  .videoReviews-slider__slide {
    width: 11.25rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .videoReviews-slider__slide.swiper-slide-active {
    width: 12.75rem;
  }
  .videoReviews-card__link-play {
    width: 3.25rem;
    height: 3.25rem;
  }
  .videoReviews-card__link-play svg {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.team {
  padding: 6.25rem 0;
}
.team-list {
  grid-template-columns: repeat(4, 1fr);
  gap: 2.375rem;
}
.team-item {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.team-item:hover .team-item__txt {
  display: block;
}
.team-item:hover .team-item__info {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.team-item__img {
  height: 26.5rem;
}
.team-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.team-item__info {
  text-align: center;
  padding: 0.9375rem 2.5rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--white);
  border-radius: 1.25rem 1.25rem 0 0;
  -webkit-transition: padding 0.2s ease-in-out;
  transition: padding 0.2s ease-in-out;
}
.team-item__title {
  font-size: 2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.team-item__txt {
  display: none;
  padding-top: 0.625rem;
}

@media (max-width: 480px) {
  .team {
    padding-top: 1.75rem;
    padding-bottom: 4.5rem;
    background: var(--black-2);
    color: var(--white);
  }
  .team-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
  }
  .team-item:hover .team-item__txt {
    display: block;
  }
  .team-item:hover .team-item__info {
    padding: 0;
  }
  .team-item__img {
    height: auto;
    margin-bottom: -1.75rem;
  }
  .team-item__img img {
    border-radius: 0.9375rem;
  }
  .team-item__title {
    font-size: 0.8125rem;
    padding: 0.375rem 1.125rem;
    background: var(--white);
    color: var(--black);
    border-radius: 0.9375rem;
  }
  .team-item__info {
    position: relative;
    z-index: 3;
    padding: 0;
    background: transparent;
  }
  .team-item__txt {
    display: block;
    font-weight: 500;
    font-size: 0.75rem;
  }
}
.catalog {
  padding-top: 8.75rem;
}
.catalog__title {
  text-align: center;
  margin-bottom: 5.625rem;
}
.catalog__sorting {
  margin-bottom: 3.75rem;
}
.catalog__pagination {
  margin-top: 5.625rem;
}

.sorting {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.875rem;
}

.pagination {
  font-size: 2.5rem;
  font-weight: bold;
  color: #646464;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
}
.pagination__link.selected, .pagination__link:hover {
  color: var(--white);
}

@media (max-width: 480px) {
  .catalog {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .catalog__title {
    text-align: left;
    margin-bottom: 1.25rem;
  }
  .catalog__sorting {
    margin-bottom: 2.5rem;
  }
  .catalog__pagination {
    display: none;
  }
  .sorting {
    gap: 0.625rem;
  }
}
.car {
  padding-top: 2.25rem;
  padding-bottom: 3.125rem;
}
.breadcrumbs {padding-top: 2rem;}
.car__title {
  margin-bottom: 2.5rem;
  text-align: center;
}
.car__content {
  grid-template-columns: 58.75rem 1fr;
  gap: 5.625rem;
}
.car-info__list {
  font-size: 1.5rem;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
}
.car-info__item {
  font-weight: bold;
}
.car-info__item span {
  font-weight: 500;
}
.car-info__buttons {
  gap: 1.5rem;
}
.car-slider-wrapper {
  position: relative;
}
.car-slider {
  border-radius: 3.125rem;
}
.car-slider__img img {
  border-radius: 3.125rem;
}
.car-slider__btn {
  position: absolute;
  z-index: 9;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 50%;
  background: var(--white);
  fill: #2940D3;
}
.car-slider__btn:hover {
  fill: var(--blue-hover);
}
.car-slider__btn svg {
  width: 1.75rem;
  height: 1.75rem;
}
.car-prev {
  left: -2.1875rem;
}
.car-prev svg {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.car-next {
  right: -2.1875rem;
}
.car-next svg {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.car-thumbs {
  border-radius: 1.875rem;
  margin-top: 1.875rem;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
.car-thumbs.active .car-thumbs__img-qty {
  display: none;
}
.car-thumbs__slide {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.car-thumbs__img {
  position: relative;
}
.car-thumbs__img img {
  border-radius: 1.875rem;
  width: 100%;
}
.car-thumbs__img-qty {
  position: absolute;
  inset: 0;
  border-radius: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 3rem;
  background: rgba(28, 28, 28, 0.1);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  color: var(--white);
}
.car-badge {
  top: 1.5rem;
  right: 1.5rem;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 0.875rem 2.625rem;
  gap: 0.625rem;
  border-radius: 2rem;
  --dot-size: 1.125rem;
}

@media (max-width: 480px) {
  .car {
    padding: 2.5rem 0;
  }
  .car__title {
    margin-bottom: 1rem;
  }
  .car__content {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .car-slider {
    border-radius: 1.875rem;
  }
  .car-slider__img img {
    border-radius: 1.875rem;
  }
  .car-slider__btn {
    width: 2.625rem;
    height: 2.625rem;
    z-index: 5;
  }
  .car-slider__btn svg {
    width: 1.75rem;
    height: 1.75rem;
  }
  .car-prev {
    left: -0.8125rem;
  }
  .car-next {
    right: -0.8125rem;
  }
  .car-thumbs {
    margin-top: 0.75rem;
    border-radius: 0.625rem;
    margin-left: -0.375rem;
    margin-right: -1rem;
  }
  .car-thumbs__slide {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }
  .car-thumbs__img img {
    border-radius: 0.625rem;
  }
  .car-thumbs__img-qty {
    border-radius: 0.625rem;
    font-size: 0.9375rem;
  }
  .car-badge {
    top: 0.625rem;
    right: 0.625rem;
    padding: 0.375rem 0.625rem;
    font-size: 0.75rem;
    font-weight: 500;
    --dot-size: 0.625rem;
  }
  .car-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .car-info__list {
    margin-top: 2rem;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 120%;
    gap: 1rem;
  }
  .car-info__buttons {
    gap: 1rem;
  }
  .car__btn {
    width: 100%;
  }
}
.survey {
  padding-top: 6.25rem;
  padding-bottom: 3.125rem;
}
.survey__head {
  text-align: center;
  margin-bottom: 3rem;
}
.survey__txt {
  margin-top: 0.625rem;
  font-size: 1.5rem;
}
.survey-test {
  background: var(--white);
  color: var(--black-2);
  border-radius: 4.375rem;
  position: relative;
  padding: 2.5rem 5.625rem;
}
.survey-test__open {
  margin-top: 5.625rem;
  margin-left: auto;
  margin-right: auto;
}
.survey-test__next {
  display: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
}
.survey-test__back {
  display: none;
}
.survey-test__back.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.survey-test__close {
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 2rem;
  right: 2rem;
  fill: var(--white);
}
.survey-test__title {
  font-size: 2.25rem;
  margin-bottom: 0.375rem;
  text-transform: uppercase;
}
.survey-test__head {
  margin-bottom: 1.5rem;
}
.survey-test__steps {
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
}
.survey-test__radios {
  width: 34rem;
  max-width: 100%;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.625rem;
}
.survey-test__radio {
  display: block;
}
.survey-test__radio input {
  display: none;
}
.survey-test__radio input:checked + span {
  color: var(--blue);
}
.survey-test__radio input:checked + span::before {
  border-color: var(--blue);
}
.survey-test__radio span {
  display: block;
  width: 100%;
  padding: 1.5rem 0.75rem;
  text-align: center;
  color: var(--grey-1);
  border-radius: 1.875rem;
}
.survey-test__radio span::before {
  border-width: 2px;
  border-color: var(--grey-1);
}
.survey-test__checkboxes {
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
  width: 34rem;
  max-width: 100%;
}
.survey-test__checkboxes--2-col {
  grid-template-columns: repeat(2, 1fr);
}
.survey-test__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  font-size: 1.25rem;
}
.survey-test__checkbox input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 1.875rem;
  height: 1.875rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 2px solid var(--grey-1);
  border-radius: 0.3125rem;
}
.survey-test__checkbox input:checked {
  border-color: transparent;
  background: var(--blue) url(../../static/images/general/check.svg) center no-repeat;
  background-size: cover;
}
.survey-test__checkbox input:checked + span {
  color: var(--blue);
}
.survey-test__checkbox span {
  color: var(--grey-1);
}
.survey-test__checkbox span::before {
  display: none;
}
.survey-test__form {
  position: absolute;
  inset: 0;
  background: rgba(28, 28, 28, 0.7);
  -webkit-backdrop-filter: blur(12.5px);
          backdrop-filter: blur(12.5px);
  border-radius: 4.375rem;
  color: var(--white);
  display: none;
}
.survey-test__form.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.survey-test__form-head {
  text-align: center;
  margin-bottom: 1.5rem;
}
.survey-test__form-title {
  font-size: 2.25rem;
  margin-bottom: 0.375rem;
  text-transform: uppercase;
}
.survey-form {
  width: 42.625rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.survey-form__btn {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 480px) {
  .survey {
    padding: 3.125rem 0;
  }
  .survey__head {
    text-align: left;
    margin-bottom: 1.5rem;
  }
  .survey__txt {
    font-size: 0.9375rem;
    margin-top: 0.375rem;
  }
  .survey-test {
    padding: 1.5rem;
    border-radius: 1.875rem;
  }
  .survey-test__steps {
    grid-template-columns: 1fr;
  }
  .survey-test__head {
    margin-bottom: 0.75rem;
  }
  .survey-test__title {
    font-size: 1.5rem;
    margin-bottom: 0.375rem;
  }
  .survey-test__radios {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }
  .survey-test__radio {
    font-size: 0.9375rem;
  }
  .survey-test__radio span {
    padding: 1rem;
  }
  .survey-test__open {
    margin-top: 1.5rem;
    display: none;
  }
  .survey-test__next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .survey-test__close {
    width: 2rem;
    height: 2rem;
    top: 1rem;
    right: 1rem;
  }
  .survey-test__back {
    color: var(--grey-1);
    margin: 0.625rem auto;
  }
  .survey-test__back::before {
    border-color: var(--grey-1);
  }
  .survey-test__radios {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }
  .survey-test__radios--m-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .survey-test__checkboxes {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.625rem;
  }
  .survey-test__checkboxes--2-col {
    grid-template-columns: 1fr;
  }
  .survey-test__checkbox {
    font-size: 0.9375rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .survey-test__checkbox input {
    display: none;
  }
  .survey-test__checkbox input:checked + span {
    color: var(--blue);
  }
  .survey-test__checkbox input:checked + span::before {
    border-color: var(--blue);
  }
  .survey-test__checkbox span {
    border-radius: 1.875rem;
    padding: 1rem;
    width: 100%;
    text-align: center;
  }
  .survey-test__checkbox span::before {
    display: block;
    border-width: 2px;
    border-color: var(--grey-1);
  }
  .survey-test__form {
    border-radius: 1.875rem;
    padding: 1.5rem;
  }
  .survey-test__form-inner {
    width: 100%;
  }
  .survey-test__form.visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .survey-test__form-title {
    font-size: 1.5rem;
    margin-bottom: 0.625rem;
  }
  .survey-test__form-txt {
    font-size: 0.75rem;
  }
  .survey-test__form-head {
    margin-bottom: 0.75rem;
  }
}
.contactsPage {
  position: relative;
  overflow: hidden;
}
.contactsPage::before {
  content: "";
  position: absolute;
  top: -46.25rem;
  left: -2.5rem;
  right: -4.25rem;
  background: url(../../static/images/general/contacts-bg.jpg) top 0px center;
  height: 190.25rem;
  -webkit-filter: blur(20px);
          filter: blur(20px);
  background-size: contain;
}
.contactsPage > * {
  position: relative;
  z-index: 3;
}

.contacts {
  padding-top: 6.25rem;
  padding-bottom: 3.125rem;
}
.contacts__content {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.contacts__content-left {
  width: 34.375rem;
  max-width: 100%;
}
.contacts__content-right {
  width: 45rem;
  max-width: 100%;
}
.contacts-info {
  gap: 6.25rem;
}
.contacts__title {
  margin-bottom: 2.5rem;
}
.contacts__title--mb-2 {
  margin-bottom: 1.5rem;
}
.contacts__title--mb-3 {
  margin-bottom: 0.625rem;
  text-align: center;
}
.contacts__txt {
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 2.5rem;
  width: 37.375rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 480px) {
  .contactsPage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .contactsPage::before {
    display: none;
  }
  .contactsPage .reviews {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .contacts {
    padding-top: 3.125rem;
    padding-bottom: 0;
  }
  .contacts .footer-contacts__link {
    fill: var(--white);
  }
  .contacts__content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contacts__content-left {
    width: 100%;
  }
  .contacts__content-right {
    width: 100%;
    margin-top: 4rem;
  }
  .contacts__content-right__inner {
    padding: 1.875rem;
    margin-left: -1.875rem;
    margin-right: -1.875rem;
    border-radius: 1.875rem 1.875rem 0 0;
    background: var(--white);
    color: var(--black-2);
  }
  .contacts__title {
    margin-bottom: 1.25rem;
  }
  .contacts__title--mb-3 {
    text-align: left;
    margin-bottom: 0.625rem;
  }
  .contacts__txt {
    font-size: 0.9375rem;
    margin-bottom: 1.875rem;
    text-align: left;
  }
  .contacts-info {
    gap: 2rem;
  }
  .footer-not-social .footer__top {
    display: none;
  }
}
.calculateResult {
  padding-top: 5.625rem;
  padding-bottom: 2.8125rem;
}
.calculateResult__content {
  width: 56.25rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 480px) {
  .calculateResult {
    padding-top: 0;
    padding-bottom: 4rem;
    --head-margin: 2.25rem;
  }
}


.review__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: min-content;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
}

.review__grid_item {
  padding: 2rem;
  background-color: white;
  border-radius: 3rem;
  color: #000;
}
.review__grid_item_top {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: min-content;
}
.review_info_name {
  font-weight: bold;
}
.review_info_stars {
  margin-top: -0.5rem;
}
.review_info_stars img {
  width: 1.25rem;
}
.review_info_date {
  font-size: 1rem;
  opacity: 0.24;
  position: sticky;
  top: 100%;
}
.review_info_auto {
  font-size: 1rem;
  opacity: 0.24;
}
.review__grid_item_bottom {
  margin-top: 2rem;
}

.review_info_block {
  margin-left: 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 7rem;
}

.card {
  overflow: hidden;
}

.card__title.bold {
  white-space: nowrap; 
  display: block; 
  width: 100%; 
  position: relative; 
}
.reviews-card__auto {
    font-size: 1rem;
    color: #9c9c9c;
    line-height: 1.5rem;
    margin-top: 0.5rem;
}

.reviews-card__stars img{
  width: 2rem;
}

.review_img {
  width: 7rem;
  height: 7rem;
  background-size: cover;
  background-position: center;
  border-radius: 2rem;
}

.review__grid_item_container {
    position: sticky;
     height: 100%;
}

.feedback {
    background: #1C1C1C;
    padding: 9.25rem 0;
}

.feedback .container {
  display: flex;
  flex-direction: row;
}

.feedback .section__head {
    text-align: left;
    max-width: 40%;
}
.feedback .feedback-form {
  margin-left: 8rem;
}
.feedback .section__title {
    font-size: 3rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1rem;
    text-transform: uppercase;
    line-height: 140%;
    letter-spacing: 0;
}

.feedback .section__subtitle {
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 25px;
    line-height: 1.5;
}

.feedback__contacts {
    display: flex;
    flex-direction: column;
    justify-content: left;
    gap: 2rem;
    flex-wrap: wrap;
    margin-top: 1.5rem;
    color:#fff;
}

.feedback__contact {
    font-size: 1.25rem;
    color: #fff;
}

.feedback-form {
    margin: 0 auto;
    background: #fff;
    padding: 3rem;
    border-radius: 4rem;
}

.form-group {
    margin-bottom: 25px;
}
.form-group label {
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 0.8rem;
}
.feedback-form button {
  display: inline-block;
  padding: 1rem 0.5rem;
  background: #273ED1;
  color: white;
  border: none;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
}
.form-input,
.form-textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 2px solid #e9ecef;
    border-radius: 1rem;
    font-size: 1.3rem;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.form-input:focus,
.form-textarea:focus {
    outline: none;
    border-color: #2940D3;
    box-shadow: 0 0 0 3px rgba(0,123,255,0.1);
}

.form-input::placeholder,
.form-textarea::placeholder {
    color: #adb5bd;
}

.form-textarea {
    resize: vertical;
    min-height: 120px;
}

.form-hint {
    font-size: 14px;
    color: #6c757d;
    margin-top: 5px;
    font-style: italic;
}

.btn--primary:hover {
    background: #0056b3;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,123,255,0.3);
}

.rating-stars {
    display: flex;
    gap: 5px;
    margin-bottom: 10px;
}

.rating-star {
    font-size: 24px;
    color: #ddd;
    cursor: pointer;
    transition: color 0.2s ease;
}

.rating-star:hover,
.rating-star.active {
    color: #2940D3;
}



@media (max-width: 480px) {
    .feedback {
      padding: 2.25rem 0;
    }
    .feedback .feedback__contacts {
      display: none;
    }
    .feedback-form {
        padding: 20px 15px;
    }
    .feedback .container {
      flex-direction: column;
    }
    .feedback .section__head {
      max-width: 100%;
      width: 100%;
    }
    .feedback .form-group label {
      font-size: 0.85rem;
      margin-bottom: 0.8rem;
    }
    .feedback .form-group.inputs {
      grid-template-columns: repeat(1, 1fr);
      grid-row-gap: 1rem;
    }
    .feedback .feedback-form {
      margin-left: 0;
      color: #000;
      border-radius: 1.4rem;
    }
    .feedback .section__title {
      font-size: 1.3rem;
    }
    .feedback .section__subtitle {
      font-size: 1rem;
      line-height: 1.4;
    }
    .feedback .form-input, .feedback .form-input {
      font-size: 1.1rem;
    }
    .feedback .rating-star {
      font-size: 2rem;
    }
    .form-input,
    .form-textarea {
        padding: 10px 12px;
        font-size: 1.3rem;
    }
    
    .btn--primary {
        padding: 12px 20px;
        font-size: 14px;
    }


  .section__content.reviews {
    padding: 0;
    background-color: unset;
  }
  .reviews .review__grid {
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: min-content;
    grid-column-gap: 0px;
    grid-row-gap: 7px;
  }
  .review__grid_item {
    padding: 1.25rem;
    border-radius: 1.25rem;
  }

  .review_info_block {
    margin-left: 1rem; 
  }

  .review__grid_item_bottom  {
    margin-top: 1rem;
  }
  .review_img {
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
  }
  .review_info_stars img {
    width: 1rem;
  }

  .review_info_date {
  font-size: 0.75rem;
  }
  .review_info_auto {
    font-size: 0.75rem;
  }

  .title.mob-black {
    color:#000;
  }

  .card__title.bold {
    white-space: wrap; 
    display: block; 
    width: 100%; 
    text-align: center;
    position: relative; 
  }

  .mainCatalog-list__item:hover .card__title.bold {
    animation: none !important;
  }

  .request__content-left {
    color:#000;
  }

  .reviews-card__auto {
    font-size: 0.75rem;
    color: #9c9c9c;
    line-height: 1rem;
    margin-top: 0.5rem;
  }
  .reviews-card__stars img{
    width: 1rem;
  }

  .iti__flag-box, .iti__country-name {
    color: #000;
  }
  .iti--separate-dial-code .iti__selected-dial-code {
    font-size: 1.2rem;
  }
  .review_info_block {
    height: 4rem;
  }
  .modal-calculate .modal-calculate-cross {
    position: absolute;
    width: 2rem;
    height: 2rem;
    right: 0rem;
    fill: var(--white);
  }
}

.iti--separate-dial-code .iti__selected-flag {
  border-radius: 1.25rem 0 0 1.25rem;
}
.iti__flag-container {
  color: #000;
}

.mainCatalog-list__item.text-overflow:hover .card__title.bold {
    animation: running-text 2s linear infinite;
}

@keyframes running-text {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: -200px;
  }
}

.reviews-card__stars {
  margin: 0.5rem 0;
}


.form-group.inputs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 4rem;
}

.phone-input {
  font-size: 1.3rem;
}

.catalog-item-hidden {
    display: none !important;
}

.catalog-item-hidden-order {
    display: none !important;
}

.mainCatalog-list__item {
    transition: opacity 0.3s ease;
}


/* Улучшенный лоадер */
.loading-spinner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    flex-direction: column;
    color: #666;
    font-size: 14px;
}

.spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin-bottom: 15px;
}

.spinner:before,
.spinner:after {
    content: '';
    position: absolute;
    border-radius: 50%;
}

.spinner:before {
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, transparent 40%, #3498db);
    animation: spin 1s linear infinite;
}

.spinner:after {
    width: 85%;
    height: 85%;
    background: white;
    top: 7.5%;
    left: 7.5%;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Плавное появление лоадера */
.loading-spinner {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.loading-spinner.show {
    opacity: 1;
}

.modal-calculate-cross {
  position: absolute;
  width: 3rem;
  height: 3rem;
  right: 3rem;
}
.modal-calculate-cross svg {
  width: 100%;
  height: 100%;
}
.modal-calculate-cross:hover {
  cursor: pointer;
  fill:var(--blue);
}
.videoReview__container .arve {
  max-width: 75rem !important;
  margin: auto;
  margin-bottom:0;
}

.videoReview__container .arve-embed {
  border-radius: 1.875rem;
}

#html .arve-embed--has-aspect-ratio, html .arve-embed--has-aspect-ratio {
    aspect-ratio: 16 / 9 !important;
}

.menu {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu__item {
  position: relative;
}

.menu_sub_item {
  display: none;
  position: absolute;
  top: 4.5rem;
  left: -2rem;
  padding: 15px 20px !important;
  background: #fff;
  border-radius: 0rem 0rem 0.5rem 0.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.1);
  z-index: 100;
  min-width: 21rem;
}


@media (max-width: 480px) {
  .menu {
    flex-direction: column;
  }

  .menu_sub_item {
    position: static;
    padding: 1rem;
    box-shadow: none;
    background: #f9f9f9;
  }

  .submenu-toggle {
    display: inline-block;
  }

  .menu__item--has-submenu:hover .menu_sub_item {
    display: none; 
  }
}

.menu__item--has-submenu:hover .menu_sub_item {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s; 
}