@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:600,700);@import url(https://fonts.googleapis.com/css?family=Roboto:regular,500,600);@import url(https://fonts.googleapis.com/css?family=Inter:500,600,700,900);* {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
*,
*::before,
*::after {
	box-sizing: border-box;
}
*::before,
*::after {
	display: inline-block;
}
html,
body {
	height: 100%;
}
body {
	line-height: 1;
	scrollbar-gutter: stable;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
input,
button,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	background-color: transparent;
	outline: transparent;
}
input,
textarea {
	width: 100%;
}
label {
	display: inline-block;
}
button,
select,
option {
	cursor: pointer;
}
a {
	display: inline-block;
	color: inherit;
	text-decoration: none;
}
ul li {
	list-style: none;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: inherit;
	font-size: inherit;
}
address {
	font-style: normal;
}




/* Generated by vite-plugin-svg-spritemap */
:root {
  /* Шрифт по умолчанию */
  --font-main: 'Inter', 'Roboto', system-ui, -apple-system, sans-serif;
  /* Размер шрифта по умолчанию (где 16 – размер шрифта по умолчанию с макета)  */
  --font-size: 16px;
  /* Основные цвета */
  --main-color: #0A2540;
  --main-accent: #0088CC;
  --main-second: #4A6FA5;
  --light-greyBg: #F4F6F9;
  --text-dark: #1C2B3A;
  --text-grey: #4A5C6E;
  --color-white: #FFF;
  --title-color: #1C2B3A;
  --main-text: #4A5C6E;
  --small-text: #4A6FA5;
  --blue-hover: #006BA8;
  /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
}
body {
  color: var(--main-color);
  font-family: var(--font-family);
  font-size: var(--font-size);
  min-width: 375px;
}
[data-fls-scrolllock] body {
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: none;
}
.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: clip;
}
.wrapper > main {
  flex: 1 1 auto;
}
.wrapper > * {
  min-width: 0;
}
[class*=__container] {
  max-width: 1560px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}/* Generated by vite-plugin-svg-spritemap */
[data-fls-spollers] summary {
  list-style: none;
}
[data-fls-spollers] summary::marker, [data-fls-spollers] summary::-webkit-details-marker {
  display: none;
}/* Generated by vite-plugin-svg-spritemap */
/* Generated by vite-plugin-svg-spritemap */
.header {
  background: var(--main-color);
  font-family: "Roboto";
}
.header__logo {
  position: relative;
  z-index: 2;
}
.header__logo img {
  width: 100%;
  max-width: 250px;
}
.header-top-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid #455768;
}

.menu__list {
  display: flex;
  align-items: center;
  gap: 20px;
}
.menu__list li:has(.header-bottom-menu__links) {
  display: none;
}
.menu__link {
  font-family: "Roboto";
  padding: 10px;
  font-size: 15px;
  font-weight: 500;
  color: #FFF;
  text-decoration: none; /* Строго без подчёркивания в навигации */
  transition: color 0.3s ease;
  text-transform: uppercase;
  border-bottom: 1px solid transparent;
}
.menu__link.--light-active {
  color: #bacae4;
}
.header .menu__item.current-menu-item a {
  color: #0088CC;
  border-bottom: 1px solid #0088CC;
}

.header-top-buttons {
  display: flex;
  align-items: center;
  gap: 20px;
}

.header-top-phone {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 22px; /* Чуть крупнее для важности */
  font-weight: 600;
  color: #FFF;
  text-decoration: none;
  transition: color 0.3s ease;
}

.button {
  font-family: var(--font-main);
  padding: 16px 20px;
  border-radius: 12px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  transition: all ease 0.3s;
  white-space: nowrap;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.button.--blue {
  color: #FFF;
  background: #0088CC;
}

.header-bottom {
  padding-block: 10px;
}

.header-bottom-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-bottom-menu ul {
  display: flex;
  align-items: center;
  gap: 20px;
}
.header-bottom-menu__links {
  font-family: "Roboto";
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #FFF;
  text-decoration: none;
  transition: color 0.3s ease;
  border-bottom: 1px solid transparent;
}

.header-bottom-actions {
  display: flex;
  align-items: center;
  gap: 20px;
}

.header-bottom-mail {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px; /* Чуть крупнее для важности */
  font-weight: 600;
  color: #FFF;
  text-decoration: none;
  transition: color 0.3s ease;
}
.header-bottom-mail strong {
  color: #006BA8;
}

.header-bottom-max img {
  width: 24px;
}

.header-bottom-time {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px; /* Чуть крупнее для важности */
  font-weight: 600;
  color: #FFF;
  text-decoration: none;
  transition: color 0.3s ease;
}

.menu-icon-block {
  display: none;
}

.icon-menu {
  display: none;
}

.header-bottom-actions.--dynamic {
  margin-top: 20px;
  padding-left: 10px;
}

.menu__body .button.--blue.--dynamic {
  margin-top: 20px;
  width: 100%;
}/* Generated by vite-plugin-svg-spritemap */
.footer {
  margin-top: 120px;
}
.footer {
  background-color: var(--main-color);
  color: #FFF;
  font-family: var(--font-main);
}
.footer-top {
  border-radius: 10px 10px 0 0;
  display: grid;
  grid-template-columns: 1fr 1.2fr 1fr;
  gap: 48px;
  margin: 48px 0 0 0;
  padding: 10px;
  background-repeat: no-repeat;
  background-size: cover;
}
.footer-logo {
  margin-bottom: 24px;
}
.footer-logo__link {
  max-width: 300px;
}
.footer-logo__icon {
  width: 60px;
  height: 60px;
}
.footer-logo__subtitle {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: var(--text-grey);
  letter-spacing: 1px;
}
.footer-about {
  margin-bottom: 24px;
}
.footer-about__text {
  font-size: 16px;
  line-height: 1.5;
  color: var(--text-grey);
}
.footer-features {
  list-style: none;
  padding: 0;
  margin: 0 0 24px 0;
  max-width: 350px;
}
.footer-features__item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}
.footer-features__icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.footer-features__text {
  font-size: 14px;
  line-height: 1.4;
  color: var(--text-grey);
}
.footer-disclaimer__text {
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-grey);
  margin-bottom: 8px;
}
.footer-disclaimer__apology {
  font-size: 13px;
  color: var(--text-grey);
}
.footer-cta {
  text-align: center;
}
.footer-cta__title {
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 700;
  color: #FFF;
  margin-bottom: 8px;
  line-height: 1.2;
}
.footer-cta__subtitle {
  font-size: 16px;
  color: var(--color-text-muted);
  margin-bottom: 32px;
}
.footer-cta__buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  margin-bottom: 16px;
}
.footer-cta__note {
  font-size: 14px;
  color: #FFF;
  margin-bottom: 32px;
}
.footer-cta__features {
  display: flex;
  justify-content: center;
  gap: 32px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-cta__feature {
  display: flex;
  align-items: center;
  gap: 8px;
}
.footer-cta__feature-icon {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
}
.footer-cta__feature-text {
  font-size: 14px;
  color: #FFF;
  text-align: left;
}
.footer-contacts__phone {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  margin-bottom: 8px;
}
.footer-contacts__phone-icon {
  width: 40px;
  height: 40px;
  background-color: var(--color-accent);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-contacts__phone-text {
  font-size: 24px;
  font-weight: 700;
  color: var(--main-color);
  transition: all ease 0.3s;
}
.footer-contacts__label {
  font-size: 14px;
  text-align: center;
  color: var(--text-grey);
  margin-bottom: 24px;
}
.footer-contacts__schedule {
  margin-bottom: 32px;
  display: flex;
  align-items: start;
  gap: 0 5px;
}
.footer-contacts__schedule-label {
  display: block;
  font-size: 14px;
  color: var(--text-grey);
  margin-bottom: 8px;
}
.footer-contacts__schedule-list {
  margin-top: -3px;
  list-style: none;
}
.footer-contacts__schedule-item {
  font-size: 14px;
  color: var(--text-grey);
  line-height: 1.6;
}
.footer-callback {
  padding: 24px 24px 24px 0;
}
.footer-callback__title {
  font-size: 20px;
  font-weight: 700;
  color: var(--main-color);
  margin-bottom: 8px;
}
.footer-callback__text {
  font-size: 14px;
  color: var(--text-grey);
  margin-bottom: 16px;
}
.footer-callback__form .form-group {
  margin-bottom: 12px;
}
.footer-callback__form .form-input {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--color-text-muted);
  border-radius: 4px;
  font-size: 15px;
  background-color: #FFF;
}
.footer-body {
  display: flex;
  justify-content: space-between;
  border-radius: 0 0 10px 10px;
}
.footer-actions {
  display: flex;
  gap: 32px;
  padding: 32px 20px;
  background: #022a5d;
  border-radius: 0 0 0 10px;
}
.footer-actions__catalog, .footer-actions__help {
  display: flex;
  align-items: center;
  gap: 16px;
}
.footer-actions__catalog-icon, .footer-actions__help-icon {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
}
.footer-actions__catalog-icon img, .footer-actions__help-icon img {
  object-fit: contain;
}
.footer-actions__catalog-title, .footer-actions__help-title {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #FFF;
  margin-bottom: 8px;
  flex: 1;
  line-height: 120%;
}
.footer-links {
  border-top: 1px solid rgba(69, 87, 104, 0.1254901961);
  background: #eff0f4;
  border-radius: 0 0 10px 0;
  padding: 10px;
  max-width: 250px;
  width: 100%;
}
.footer-links__title {
  font-size: 16px;
  font-weight: 600;
  color: var(--main-color);
  margin-bottom: 12px;
}
.footer-links__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-links__item {
  margin-bottom: 8px;
}
.footer-links__link {
  font-family: "Roboto";
  font-size: 14px;
  color: var(--main-accent);
  text-decoration: none;
  transition: color 300ms ease;
  border-bottom: 1px solid transparent;
  white-space: nowrap;
  transition: all ease 0.3s;
}
.footer-links__link:hover {
  border-color: var(--main-accent);
}
.footer-bottom {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 48px;
  padding: 32px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  align-items: center;
  font-family: "Roboto";
}
.footer-copy {
  font-family: "Roboto";
}
.footer-copy__year {
  font-size: 14px;
  font-weight: 400;
  color: #FFF;
  margin-bottom: 4px;
}
.footer-copy__desc {
  font-size: 13px;
  color: var(--color-text-muted);
}
.footer-requisites {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.footer-requisites__item {
  font-size: 13px;
  color: var(--color-text-muted);
}
.footer-requisites__label {
  margin-right: 4px;
}
.footer-requisites__link {
  color: #FFF;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all ease 0.3s;
}
.footer-quality {
  display: flex;
  align-items: center;
  gap: 12px;
}
.footer-quality__icon {
  width: 48px;
  height: 48px;
}
.footer-quality__text {
  font-size: 14px;
  color: #FFF;
  max-width: 200px;
}
.footer-copir {
  padding: 24px 0;
  font-family: "Roboto";
}
.footer-copir__links {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.footer-copir__link {
  font-size: 14px;
  color: #FFF;
  text-decoration: none;
  transition: color 300ms ease;
}
.footer-copir__link:hover {
  color: var(--main-accent);
}
.footer-copir__dev {
  font-size: 14px;
  color: #FFF;
  transition: color 300ms ease;
}
.footer-copir__dev:hover {
  color: var(--main-accent);
}

.footer-cta__buttons {
  margin-top: 50px;
}

.footer-cta__note {
  padding-top: 10px;
  border-bottom: 1px solid;
  padding-bottom: 16px;
}

.button.--outline {
  border: 1px solid #FFF;
}

.footer-callback__form .button {
  width: 100%;
}

.footer-actions__catalog-text, .footer-actions__help-text {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.footer-actions {
  gap: 0;
}

.footer-actions__help {
  width: 100%;
}

.footer-actions__catalog {
  width: 100%;
  padding-right: 30px;
  margin-right: 30px;
  border-right: 1px solid;
}

.footer-actions__help .button, .footer-actions__catalog .button {
  margin-top: auto;
  background: #06274e;
  height: 50px;
}
.footer-actions__help img, .footer-actions__catalog img {
  width: 60px;
  height: 60px;
}

.footer-requisites__item {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.footer-cta__buttons .button {
  padding: 16px 10px;
}

body::after {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(6.5px);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.8s ease 0s;
  pointer-events: none;
  z-index: 149;
}

.popup-open body::after {
  opacity: 1;
}

.popup-open body {
  overflow: hidden;
}

.popup-open .popup[aria-hidden=false] {
  z-index: 160;
  visibility: visible;
  overflow: auto;
  pointer-events: auto;
  transform: scale(1);
}

.popup-active [data-popup-body] {
  visibility: visible;
  transform: scale(1);
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 10px;
  transition: visibility 0.8s ease 0s;
  visibility: hidden;
  pointer-events: none;
  transform: scale(0);
}

[data-popup-wrapper] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

[data-popup-body] {
  visibility: hidden;
  max-width: 550px;
  transform: scale(0);
  transition: transform 0.3s ease 0s, visibility 0.3s ease 0s;
  background-color: #fff;
  width: 100%;
  border-radius: 20px;
}

.popup__close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1;
}
.popup__close svg {
  width: 20px;
  height: 20px;
}
.popup__close svg path {
  transition: all ease 0.3s;
  stroke: #3B4960;
}

.popup-content-form {
  padding: 20px;
}
.popup-content-form h3 {
  font-family: var(--font-main);
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 20px;
}

.form__line label {
  font-size: 14px;
  font-weight: 600;
  font-family: "Roboto";
  margin-bottom: 5px;
}
.form__line:not(:last-child) {
  margin-bottom: 10px;
}
.form__line .input {
  border-radius: 5px;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto";
  padding: 10px;
}

.popup-content-form .button {
  width: 100%;
  margin-top: 20px;
}
.popup-content-form .form__file-hint {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
  font-family: "Roboto";
}
.popup-content-form .form__file-block {
  position: relative;
  height: 46px;
}
.popup-content-form .input--file {
  position: absolute;
}/* Generated by vite-plugin-svg-spritemap */
.options {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.options__item {
  position: relative;
  cursor: pointer;
}
.options__item:not(:last-child) {
  margin-bottom: 5px;
}
.options__input {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}
.options__input:focus-visible + .options__text {
  outline: 1px solid #000;
}
.options__input:checked + .options__text:after {
  transform: scale(1);
}
.options__text {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  gap: 10px;
}
.options__text:before {
  content: "";
  align-self: flex-start;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: 50%;
  border: 1px solid #a7a9ac;
}
.options__text:after {
  content: "";
  transition: all 0.3s ease 0s;
  transform: scale(0);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #7a956b;
  position: absolute;
  left: 5px;
  top: 5px;
}/* Generated by vite-plugin-svg-spritemap */
/* Generated by vite-plugin-svg-spritemap */
input[type=text],
input[type=email],
input[type=tel],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.input {
  width: 100%;
  display: block;
  padding: 10px;
  border: 1px solid #eee;
  caret-color: inherit;
}
.input[placeholder]:not([data-fls-placeholder-nohiden])::placeholder {
  transition: opacity 0.3s;
}
.input[placeholder]:not([data-fls-placeholder-nohiden]):focus::placeholder {
  opacity: 0;
}

textarea.input {
  resize: vertical;
  padding: 0px 0px;
}

.hero {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: 50% 50%;
}
.hero::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 1500px;
  width: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0) 100%);
}
.hero__title {
  padding-top: 150px;
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  color: #1A2A3A;
}
.hero__title {
  margin-bottom: 24px;
  max-width: 770px;
  z-index: 1;
  position: relative;
}
.hero__title span {
  color: #053869;
}
.hero__text {
  font-family: var(--font-main);
  font-weight: 400;
  line-height: 130%;
  color: var(--color-text);
  margin-bottom: 32px;
  max-width: 780px;
  z-index: 1;
  position: relative;
  padding-left: 20px;
}
.hero__text::after {
  position: absolute;
  content: "";
  display: block;
  width: 5px;
  height: 100%;
  background: var(--main-accent);
  top: 0;
  left: 0;
}
.hero__buttons {
  margin-top: 24px;
  z-index: 1;
  position: relative;
  display: flex;
  gap: 10px 20px;
}
.hero .button {
  border: 1px solid var(--main-color);
  border-radius: 4px;
  text-transform: uppercase;
}
.hero .button img {
  width: 100%;
  max-width: 26px;
  max-height: 28px;
  object-fit: contain;
  transition: all ease 0.3s;
}
.hero .button.--light-blue {
  -webkit-box-shadow: 4px 7px 7px 1px rgba(74, 92, 110, 0.3);
  box-shadow: 4px 7px 7px 1px rgba(74, 92, 110, 0.3);
}

.hero-wrapper {
  padding-bottom: 50px;
}

.hero__title.--long {
  max-width: 900px;
}

.button.--light-blue {
  background-color: var(--main-accent);
  color: var(--color-white);
  font-size: 16px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 4px;
  transition: background-color 300ms ease;
  text-align: center;
  border-color: var(--main-accent);
}
.button.--light-blue strong {
  text-shadow: 2px 2px 2px #1C2B3A;
}

.button.--main-color {
  background-color: var(--main-color);
  color: var(--color-white);
  font-size: 16px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 12px;
  transition: background-color 300ms ease;
  text-align: center;
}

.advantages {
  border-top: 1px solid rgba(69, 87, 104, 0.1254901961);
  padding-block: 40px;
  background: var(--light-greyBg);
}

.advantages-wrapper {
  display: flex;
  gap: 40px;
}

.advantages-separator {
  display: flex;
  background: rgba(69, 87, 104, 0.1254901961);
  width: 2px;
}

.advantages-card {
  display: flex;
  align-items: center;
  gap: 10px;
}
.advantages-card__image {
  display: flex;
}
.advantages-card__image img {
  width: 100%;
  object-fit: contain;
  max-width: 60px;
  max-height: 60px;
  flex: 0 0 60px;
}
.advantages-card__text {
  font-family: var(--font-main);
  text-transform: uppercase;
  font-size: 14px;
}

.solutions {
  margin-top: 80px;
}
.solutions h2 {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 24px;
}

.solutions-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 20px;
  gap: 20px;
}

.solutions-card {
  padding: 20px;
  border: 1px solid var(--main-accent);
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all ease 0.3s;
}
.solutions-card__image {
  max-width: 80px;
  flex: 0 0 80px;
}
.solutions-card__image img {
  width: 80px;
  height: 80px;
}

.solutions-card-info__title {
  font-family: var(--font-main);
  font-size: 22px;
  line-height: 120%;
  transition: color ease 0.3s;
}
.solutions-card-info__text {
  margin-top: 10px;
  font-family: var(--font-main);
  font-size: 16px;
  line-height: 120%;
  color: var(--text-grey);
  max-width: 300px;
}

.results {
  margin-top: 80px;
}

.results-wrapper {
  background-image: url(../assets/img/catalog-page/block3/bg-category.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 20px;
}
.results-wrapper h3 {
  font-family: var(--font-main);
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 20px;
}

.results-wrapper-cards {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}

.results-card {
  padding: 20px 10px;
  border-radius: 10px;
  background: #FFF;
}
.results-card__image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.results-card__image img {
  width: 120px;
}
.results-card__title {
  margin-top: 16px;
  font-family: var(--font-main);
  font-size: 22px;
  font-weight: 600;
  color: var(--main-accent);
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}
.results-card__title span {
  display: inline-flex;
  flex-direction: column;
}
.results-card__title span small {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 100%;
  height: 9px;
}
.results-card__subtitle {
  font-family: var(--font-main);
  margin-top: 24px;
  font-size: 18px;
  font-weight: 600;
  color: var(--color-main);
  margin-bottom: 12px;
  text-align: center;
}
.results-card__separator {
  margin: 20px auto;
  display: flex;
  width: 50%;
  justify-content: center;
  height: 2px;
  background: var(--main-accent);
}
.results-card__text {
  font-family: var(--font-main);
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  color: var(--main-text);
}

.industry {
  margin-top: 80px;
}

.industry-wrapper {
  padding: 20px;
  background: var(--light-greyBg);
}
.industry-wrapper h3 {
  font-family: var(--font-main);
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 20px;
}

.industry-wrapper-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 40px;
}

.industry-card {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 30%;
  border-radius: 20px;
  padding: 20px;
}
.industry-card.--dark .industry-card__title, .industry-card.--dark .industry-card__subtitle, .industry-card.--dark .industry-card__object, .industry-card.--dark .industry-card__result {
  color: #FFF;
}
.industry-card__title {
  font-family: var(--font-main);
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 600;
  color: var(--color-main);
  margin-bottom: 12px;
  line-height: 120%;
  position: relative;
}
.industry-card__title::after {
  bottom: -15px;
  position: absolute;
  content: "";
  width: 50%;
  height: 2px;
  border-radius: 30px;
  background: linear-gradient(135deg, #0088CC, rgba(190, 235, 253, 0.1));
}
.industry-card__title-count {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-main);
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 10px;
  border: 1px solid var(--main-accent);
  font-size: 22px;
  color: var(--main-accent);
}
.industry-card__subtitle {
  margin-top: 50px;
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 600;
  color: var(--color-main);
  margin-bottom: 12px;
  line-height: 120%;
}
.industry-card__subtitle strong {
  font-size: 28px;
  font-weight: 700;
}
.industry-card__subtitle p {
  font-weight: 400;
}
.industry-card__object {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(69, 87, 104, 0.1254901961);
}
.industry-card__object img {
  width: 30px;
  height: 30px;
}
.industry-card__object p {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 300;
  max-width: 350px;
  line-height: 120%;
}
.industry-card__object p strong {
  font-size: 18px;
  font-weight: 600 !important;
}
.industry-card__result {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
}
.industry-card__result strong {
  font-size: 18px;
  font-weight: 600 !important;
}
.industry-card__result img {
  width: 40px;
  height: 40px;
  border-radius: 10px;
}

.foundation {
  margin-top: 80px;
}
.foundation-wrapper {
  padding: 20px;
  font-family: var(--font-main);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.foundation-title {
  display: flex;
  gap: 20px 40px;
  align-items: end;
}

.foundation-title-block {
  width: 100%;
  padding-right: 20px;
}
.foundation-title-block h2 {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 24px;
}
.foundation-title-block p {
  font-family: "Roboto";
  font-size: 17px;
  color: var(--main-text);
  line-height: 120%;
}

.foundation-title-info {
  margin-left: 40px;
  width: 100%;
  padding: 10px 50px;
  background: rgba(255, 255, 255, 0.5333333333);
  border-radius: 10px;
  border: 1px dashed var(--main-text);
  text-align: center;
  font-size: 17px;
  font-family: "Roboto";
  line-height: 120%;
}

.foundation-body {
  margin-top: 40px;
  display: flex;
  gap: 40px;
}

.foundation-body-card {
  border-radius: 10px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.6274509804);
  display: flex;
  gap: 20px;
  width: 100%;
}
.foundation-body-card__image {
  min-width: 80px;
}
.foundation-body-card__image img {
  width: 150px;
  flex: 0 0 150px;
}
.foundation-body-card__list-title {
  font-family: var(--font-main);
  margin-top: 20px;
  font-size: 22px;
  font-weight: 700;
  color: var(--main-color);
}
.foundation-body-card ul {
  margin-top: 15px;
}
.foundation-body-card ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-family: "Roboto";
  line-height: 120%;
}
.foundation-body-card ul li img {
  width: 15px;
  flex: 0 0 15px;
}
.foundation-body-card ul li:not(:last-child) {
  margin-bottom: 10px;
}

.foundation-tag {
  display: inline-flex;
  padding: 5px 15px;
  font-size: 12px;
  font-family: "Roboto";
  line-height: 120%;
  color: #FFF;
  border-radius: 5px;
}

.--arange {
  background: #FF6B35;
}

.--green {
  background: #00A878;
}

.foundation-bottom {
  margin-top: 80px;
  border-radius: 10px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.6274509804);
  display: flex;
  align-items: center;
  gap: 20px;
}
.foundation-bottom__image img {
  width: 100px;
  min-width: 100px;
}
.foundation-bottom__info p {
  margin-top: 20px;
  font-size: 16px;
  font-family: "Roboto";
  line-height: 120%;
}
.foundation-bottom__info p span {
  font-family: var(--font-main);
  font-weight: 700;
  color: var(--main-accent);
}
.foundation-bottom__info-title {
  font-family: var(--font-main);
  font-size: 22px;
  font-weight: 700;
  color: var(--main-color);
}
.foundation-bottom__button {
  margin-left: auto;
}

.foundation-bottom-block {
  display: flex;
  gap: 20px;
  align-items: center;
}

.catalog {
  margin-top: 80px;
}

.catalog-wrapper {
  display: flex;
  gap: 20px;
}

.catalog-solution {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 20px;
  max-width: 500px;
  border-radius: 10px 0 0 10px;
  display: flex;
  flex-direction: column;
}
.catalog-solution h2 {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 24px;
  color: #FFF;
}
.catalog-solution p {
  margin-top: 50px;
  font-family: "Roboto";
  font-size: 17px;
  color: #FFF;
  line-height: 120%;
}

.catalog-solution-cards {
  margin-top: 150px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #476480;
  border-bottom: 1px solid #476480;
}

.catalog-solution-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.catalog-solution-card:nth-child(1) .catalog-solution-card__image img {
  height: 40px;
}
.catalog-solution-card__image {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.catalog-solution-card__image img {
  max-width: 40px;
  object-fit: contain;
  width: 100%;
}
.catalog-solution-card__title {
  text-transform: uppercase;
  font-family: "Roboto";
  font-size: 16px;
  color: #FFF;
  line-height: 120%;
}
.catalog-solution-card__text {
  text-align: center;
  font-family: "Roboto";
  font-size: 14px;
  color: #FFF;
  line-height: 120%;
}

.catalog-solution-button {
  margin-top: auto;
}
.catalog-solution-button .button {
  width: 100%;
  background-repeat: no-repeat;
  align-items: center;
  background-size: cover;
  border-radius: 10px;
  background: linear-gradient(90deg, #1e80d8 0%, #1568b8 40%, #0d4a8f 70%, #0a3570 100%);
}
.catalog-solution-button .button img {
  width: 50px;
}
.catalog-solution-button .button p {
  font-family: "Roboto";
  margin-top: 0;
  white-space: wrap;
  font-weight: 400;
}
.catalog-solution-button .button p:nth-child(2) {
  font-size: 14px;
}
.catalog-solution-button .button p:nth-child(3) {
  font-size: 14px;
}
.catalog-solution-button .button iconify-icon {
  color: #FFF;
}

.catalog-block h3 {
  font-family: var(--font-main);
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 20px;
}

.catalog-block-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px 20px;
}

.catalog-card {
  border-radius: 10px;
  background: #f4f6f9;
  padding: 10px;
  display: flex;
  flex-direction: column;
  min-width: 100%;
}

.catalog-card-image img {
  aspect-ratio: 267/120;
  width: 100%;
  object-fit: contain;
}

.catalog-card-body {
  display: flex;
  flex-direction: column;
}
.catalog-card-body__title {
  flex: 1 1 auto;
  margin-top: 10px;
  font-family: var(--font-main);
  font-size: 20px;
  font-weight: 600;
  color: var(--color-main);
  margin-bottom: 12px;
  min-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.catalog-card-body__text {
  font-family: "Roboto";
}
.catalog-card-body__text p:not(:last-child) {
  margin-bottom: 5px;
}
.catalog-card-body__text p:last-child {
  margin-bottom: 20px;
}

.catalog-card-bottom {
  margin-top: auto;
}
.catalog-card-bottom .button {
  font-size: 12px;
  white-space: wrap;
  line-height: 120%;
}

.catalog-link {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-family: var(--font-main);
  color: var(--main-accent);
}
.catalog-link iconify-icon {
  transition: all ease 0.3s;
}

.catalog-block-bottom {
  margin-top: 20px;
  display: flex;
  gap: 20px;
}

.catalog-block-link {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 10px;
  border-radius: 10px;
  width: 70%;
}
.catalog-block-link img {
  width: 50px;
}
.catalog-block-link img:nth-child(3) {
  position: absolute;
  top: 0;
  right: 0;
  width: 150px;
}
.catalog-block-link {
  transition: all ease 0.3s;
}

.catalog-block-link-text {
  font-family: "Roboto";
  color: #FFF;
}
.catalog-block-link-text__title {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
}
.catalog-block-link-text__info {
  margin-top: 20px;
}
.catalog-block-link-text__info span {
  color: var(--main-accent);
  font-weight: 600;
}

.catalog-block-link-consult {
  width: 35%;
  display: flex;
  align-items: center;
  padding: 10px;
  gap: 20px;
  border-radius: 10px;
  background: #4a5c6e;
  font-family: "Roboto";
  color: #FFF;
  transition: all ease 0.3s;
}

.catalog-block-link-consult-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.catalog-block-link-consult__title {
  text-transform: uppercase;
  font-weight: 600;
}

.calculator {
  margin-top: 80px;
}

.calculator-wrapper {
  padding: 20px;
  font-family: var(--font-main);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.calculator-wrapper h2 {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 24px;
}
.calculator-wrapper > p {
  font-family: "Roboto";
  font-size: 22px;
  color: var(--main-text);
  font-weight: 400;
  line-height: 120%;
  max-width: 550px;
}

.calculator-advantages {
  padding-block: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1100px;
}

.calculator-advantages-card {
  display: flex;
  align-items: center;
  gap: 15px;
}
.calculator-advantages-card__image {
  width: 50px;
  flex: 0 0 50px;
}
.calculator-advantages-card__image img {
  width: 50px;
  object-fit: contain;
}
.calculator-advantages-card p {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
}

.calculator-block {
  display: flex;
  gap: 30px;
}

.calculator-iframe {
  margin-block: 30px;
  width: 100%;
}

.calculator-form {
  max-width: 480px;
  padding: 30px 20px;
  border-radius: 10px;
  background: #031d38;
}

.calculator-form__title {
  position: relative;
  font-family: "Roboto";
  font-size: 22px;
  color: #FFF;
  font-weight: 500;
  line-height: 120%;
  max-width: 550px;
}
.calculator-form__title img {
  position: absolute;
  width: 80px;
  right: 0;
  top: -15px;
}

.calculator-form__text {
  margin-top: 30px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: #FFF;
  opacity: 0.9;
  margin-bottom: 20px;
}

.calculator .form__line:not(:last-child) {
  margin-bottom: 15px;
}
.calculator .input {
  padding: 15px 15px;
  background: #FFF;
  border-radius: 5px;
  font-family: "Roboto";
}
.calculator textarea {
  min-height: 100px;
}

.upload-panel-text-file {
  margin-top: 2px;
  color: #FFF;
  font-family: "Roboto";
  font-size: 12px;
}

.upload-panel {
  margin-top: 15px;
}

.upload-panel-buttons {
  display: flex;
  gap: 10px;
}
.upload-panel-buttons iconify-icon {
  color: #FFF;
}

.upload-panel-buttons-block {
  display: flex;
  gap: 10px;
  width: 100%;
}

.btn {
  width: 100%;
  padding: 5px 10px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 5px 15px;
}

.btn-attach {
  border: 1px solid #FFF;
}

.btn-download {
  border-radius: 5px;
  background: #FFF;
  color: var(--main-accent);
}

.calculator-form .checkbox {
  margin-top: 20px;
  display: inline-block;
  position: relative;
}
.calculator-form .checkbox:not(:last-child) {
  margin-bottom: 5px;
}
.calculator-form .checkbox__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.calculator-form .checkbox__input:focus-visible + .checkbox__text {
  outline: 1px solid #000;
}
.calculator-form .checkbox__input:checked + .checkbox__text:after {
  transform: scale(1);
}
.calculator-form .checkbox__text {
  cursor: pointer;
  position: relative;
  gap: 10px;
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  color: #FFF;
  line-height: 120%;
}
.calculator-form .checkbox__text:before {
  content: "";
  align-self: flex-start;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border: 1px solid #FFF;
  background-color: #FFF;
}
.calculator-form .checkbox__text::after {
  content: "";
  transition: all 0.3s ease 0s;
  transform: scale(0);
  width: 20px;
  height: 20px;
  background-color: #FFF;
  background-image: url(../assets/img/calculator/ch.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  left: 0px;
  top: 0px;
}

.calculator-form .button.--blue {
  margin-top: 20px;
  width: 100%;
  font-family: var(--font-family);
  font-weight: 600;
}
.calculator-form .button.--blue span {
  color: var(--main-color);
}

.services {
  margin-top: 80px;
}
.services-wrapper {
  padding: 20px;
  background: var(--light-greyBg);
}

.services-title-block {
  display: flex;
  align-items: start;
  gap: 20px 40px;
}
.services-title-block h2 {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 24px;
  color: var(--main-color);
  max-width: 600px;
  width: 100%;
}
.services-title-block h2 span {
  color: #053869;
}

.services-title-block-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.services-title-card__image {
  display: flex;
  justify-content: center;
}
.services-title-card__image img {
  width: 50px;
  object-fit: contain;
}
.services-title-card__title {
  text-align: center;
  font-family: var(--font-main);
  font-size: 16px;
  font-weight: 600;
  color: var(--main-color);
  margin-top: 15px;
}
.services-title-card__text {
  text-align: center;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  color: var(--main-color);
  margin-top: 15px;
}

.services-block {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px 40px;
}

.services-card {
  position: relative;
  border-radius: 10px;
  background: #FFF;
  overflow: hidden;
  padding: 25px 20px;
  display: flex;
  flex-direction: column;
}
.services-card__image {
  display: flex;
  justify-content: center;
  height: 150px;
}
.services-card__image img {
  width: 150px;
  object-fit: contain;
}
.services-card__title {
  flex: 1;
  margin-top: 20px;
  font-family: var(--font-main);
  font-size: 20px;
  font-weight: 600;
  color: var(--main-color);
}
.services-card__text {
  flex: 1;
  margin-top: 15px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  color: var(--main-color);
}
.services-card__list {
  margin-top: 20px;
  flex: 1;
}
.services-card__list ul li {
  display: flex;
  gap: 5px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  color: var(--main-color);
}
.services-card__list ul li:not(:last-child) {
  margin-bottom: 10px;
}
.services-card__list ul li img {
  width: 20px;
  height: 100%;
  flex: 0 0 20px;
}
.services-card__date {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: space-between;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  color: var(--main-color);
}
.services-card__date a {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--main-accent);
}
.services-card__date-block {
  display: flex;
  align-items: center;
  gap: 5px;
}
.services-card__date-block img {
  width: 24px;
}
.services-card__button {
  margin-top: auto;
  padding-top: 20px;
  display: grid;
  justify-content: center;
}

.button.--border-blue {
  padding: 10px 20px;
  background: #FFF;
  border: 2px solid var(--main-accent);
  color: var(--main-accent);
}

.services-card-top {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px 0 10px 0;
  padding: 5px;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "Roboto";
  color: #FFF;
}

.--orange {
  background: #FF6B35;
}

.services-bottom {
  margin-top: 40px;
  background: #0a2540;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
}

.services-bottom-block {
  display: flex;
  align-items: center;
  gap: 10px;
}
.services-bottom-block__image {
  display: flex;
}
.services-bottom-block__image img {
  width: 150px;
  flex: 0 0 150px;
}
.services-bottom-block__info {
  max-width: 400px;
  margin-right: 20px;
}
.services-bottom-block__info-title {
  font-family: var(--font-main);
  font-size: 20px;
  font-weight: 600;
  color: #FFF;
  margin-bottom: 20px;
}
.services-bottom-block__info-text {
  font-family: "Roboto";
  font-size: 16px;
  color: #FFF;
  line-height: 120%;
}
.services-bottom-block__info-text span {
  color: var(--main-accent);
}

.services-bottom-cards {
  display: flex;
}

.services-bottom-card {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 180px;
  width: 100%;
  padding-inline: 10px;
}
.services-bottom-card::after {
  position: absolute;
  width: 2px;
  content: "";
  display: block;
  height: 80px;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  background: #7b8b99;
}
.services-bottom-card__image {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  height: 60px;
}
.services-bottom-card__image img {
  width: 50px;
  object-fit: contain;
  flex: 0 0 50px;
}
.services-bottom-card__text {
  font-family: "Roboto";
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-align: center;
  line-height: 120%;
}
.services-bottom-buttons .button.--white {
  background: #FFF;
  color: var(--main-accent);
}
.services-bottom-buttons p {
  margin-top: 20px;
  font-family: "Roboto";
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-align: center;
  line-height: 120%;
}
.services-bottom-buttons p a {
  border-bottom: 1px solid transparent;
}

.certificates {
  margin-top: 80px;
}

.certificates-title {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 24px;
  color: var(--main-color);
}

.certificates-text {
  font-family: "Roboto";
  font-size: 22px;
  color: var(--main-text);
  font-weight: 400;
  line-height: 120%;
}

.certificates-block {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

.certificates-card {
  padding: 15px;
  border-radius: 10px;
  border: 1px solid;
  display: flex;
  flex-direction: column;
}

.certificates-card-top {
  display: flex;
  gap: 20px;
  flex: 1;
}
.certificates-card-top__image {
  width: 50px;
  flex: 0 0 50px;
}
.certificates-card-top__image img {
  width: 50px;
  object-fit: contain;
}
.certificates-card-top__info-title {
  font-family: var(--font-main);
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
  color: var(--main-color);
}
.certificates-card-top__info-text {
  margin-top: 15px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  color: var(--main-color);
}

.certificates-card-bottom {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid;
}
.certificates-card-bottom .download {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  color: var(--main-accent);
}
.certificates-card-bottom .download img {
  width: 20px;
}

.packet {
  margin-top: 40px;
}

.packet-wrapper {
  border-radius: 10px;
  padding: 20px;
  background: var(--light-greyBg);
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

.packet-info {
  display: flex;
  align-items: center;
  gap: 30px;
}
.packet-info__image {
  flex: 0 0 100px;
}
.packet-info__image img {
  width: 100px;
}
.packet-info__text {
  max-width: 600px;
}
.packet-info__text p {
  margin-top: 15px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  color: var(--text-grey);
}
.packet-info__text-title {
  font-family: var(--font-main);
  font-size: 20px;
  font-weight: 600;
  color: var(--main-color);
}

.packet-button {
  max-width: 650px;
  width: 100%;
}
.packet-button p {
  margin-top: 15px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  color: var(--text-grey);
}
.packet-button p img {
  width: 20px;
}
.packet-button .button {
  width: 100%;
}

.production {
  margin-top: 80px;
}

.production-wrapper {
  padding: 20px;
  background: var(--light-greyBg);
}

.production-title-block {
  display: flex;
  gap: 10px 100px;
}
.production-title-block__image {
  margin-top: -20px;
}
.production-title-block__image img {
  max-width: 400px;
  min-width: 250px;
  width: 100%;
  object-fit: contain;
  aspect-ratio: 400/195;
}

.production-title {
  max-width: 700px;
}
.production-title h2 {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 24px;
  color: var(--main-color);
}
.production-title p {
  font-family: "Roboto";
  font-size: 22px;
  color: var(--main-text);
  font-weight: 400;
  line-height: 120%;
}

.production-main-cards {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.production-card {
  display: flex;
  flex-direction: column;
  padding: 15px;
  border-radius: 10px;
  background: #FFF;
}
.production-card__image img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 320/180;
  border-radius: 10px;
}
.production-card__title {
  margin-top: 20px;
  font-family: var(--font-main);
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
  color: var(--main-color);
}
.production-card__list {
  margin-top: 15px;
  font-family: "Roboto";
  font-size: 16px;
  color: var(--main-text);
  font-weight: 400;
  line-height: 120%;
}
.production-card__list ul li {
  display: flex;
  gap: 5px;
}
.production-card__list ul li:not(:last-child) {
  margin-bottom: 10px;
}
.production-card__list ul li img {
  width: 20px;
  height: 100%;
  flex: 0 0 20px;
}

.production-info-cards {
  margin-top: 20px;
  display: flex;
  gap: 30px;
}

.production-info-card {
  width: 100%;
  padding: 15px;
  border-radius: 10px;
  background: #FFF;
  display: flex;
  align-items: center;
  gap: 20px;
}
.production-info-card__image {
  flex: 0 0 80px;
}
.production-info-card__image img {
  width: 80px;
  height: 80px;
}
.production-info-card__info h5 {
  font-family: var(--font-main);
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
  color: var(--main-color);
}
.production-info-card__info p {
  margin-top: 10px;
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text-dark);
  font-weight: 400;
  line-height: 120%;
}

.production-bottom {
  margin-top: 20px;
  padding: 15px;
  border-radius: 10px;
  background: #0a2540;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 150px;
}
.production-bottom .button {
  min-width: 400px;
}

.production-bottom-info {
  display: flex;
  gap: 30px;
}
.production-bottom-info__image {
  flex: 0 0 100px;
}
.production-bottom-info__image img {
  width: 100px;
  height: 100px;
}

.production-bottom-info-text h6 {
  font-family: var(--font-main);
  font-size: 22px;
  font-weight: 600;
  line-height: 120%;
  color: #FFF;
}
.production-bottom-info-text p {
  max-width: 280px;
  margin-top: 10px;
  font-family: "Roboto";
  font-size: 18px;
  color: #FFF;
  font-weight: 400;
  line-height: 120%;
}
.production-bottom-info-text p span {
  color: var(--main-accent);
}

.work {
  margin-top: 80px;
}

.work-wrapper {
  padding: 20px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.work-title-block {
  display: flex;
}

.work-title {
  width: 100%;
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 24px;
  color: var(--main-color);
}

.work-subtitle {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.work-subtitle h5 {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  margin-bottom: 10px;
  color: var(--main-accent);
}
.work-subtitle p {
  text-align: center;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: var(--text-dark);
}

.work-cards {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px 10px;
}

.work-card {
  padding: 20px;
  border: 1px solid var(--main-second);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.662745098);
}
.work-card__image {
  flex: 1;
  display: flex;
  justify-content: center;
}
.work-card__image img {
  object-fit: contain;
  display: block;
  height: 40px;
}
.work-card__title {
  flex: 1;
  margin-top: 10px;
  font-family: var(--font-main);
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
  color: var(--main-color);
  text-align: center;
}
.work-card ul {
  flex: 1;
  margin-top: 10px;
  margin-bottom: 10px;
}
.work-card ul li:not(:last-child) {
  margin-bottom: 2px;
}
.work-card ul li {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--text-dark);
}

.work-card-type {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-family: "Roboto";
  font-weight: 400;
  border-radius: 20px;
  padding: 3px 5px;
  color: #FFF;
  background: var(--main-second);
  transition: background ease 0.3s;
  text-align: center;
  white-space: nowrap;
}

.work-info {
  max-width: 1100px;
  margin: 30px auto 30px auto;
  padding: 15px;
  background: rgba(255, 255, 255, 0.662745098);
  border-radius: 15px;
  border: 1.5px dashed var(--text-dark);
  display: flex;
  align-items: center;
  gap: 10px 20px;
  background-size: 100% 1.5px;
  padding-bottom: 5px;
}
.work-info__image {
  flex: 0 0 60px;
}
.work-info__image img {
  width: 60px;
  height: 60px;
  object-fit: contain;
}
.work-info p {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: var(--text-dark);
}
.work-info .circle {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-inline: 5px;
  background: var(--main-accent);
}

.work .services-bottom {
  align-items: center;
}
.work .services-bottom-card {
  max-width: 220px;
}
.work .services-bottom-card .services-bottom-card__text {
  font-weight: 600;
}
.work .services-bottom-card p {
  font-size: 14px;
  font-family: "Roboto";
  color: #FFF;
  text-align: center;
  margin-top: 5px;
  font-weight: 300;
  line-height: 120%;
}

.review {
  margin-top: 80px;
}

.review-wrapper {
  padding: 20px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.review-block-title {
  display: flex;
  align-items: center;
  gap: 20px 30px;
}

.review-title {
  width: 100%;
}
.review-title h2 {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 24px;
  color: var(--main-color);
}
.review-title p {
  font-family: "Roboto";
  font-size: 22px;
  color: var(--main-text);
  font-weight: 400;
  line-height: 120%;
}

.review-title-info {
  max-width: 550px;
  width: 100%;
  display: flex;
  gap: 30px;
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.662745098);
  border: 1.5px dashed var(--text-dark);
  border-radius: 15px;
  align-items: center;
  height: 100%;
}
.review-title-info__image img {
  width: 80px;
}
.review-title-info p {
  font-family: "Roboto";
  font-size: 20px;
  color: var(--text-grey);
  font-weight: 400;
  line-height: 120%;
}

.review-title-info-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.read-review {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 10px;
  text-transform: uppercase;
  font-family: "Roboto";
  font-weight: 400;
  width: fit-content;
  color: #FFF;
  background: #00A878;
}

.review-bottom {
  margin-top: 50px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.662745098);
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px 30px;
}

.review-bottom-info {
  display: flex;
  align-items: center;
}
.review-bottom-info__image {
  flex: 0 0 150px;
}
.review-bottom-info__image img {
  width: 150px;
  object-position: contain;
}
.review-bottom-info__text h4 {
  font-family: var(--font-main);
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
  color: var(--main-color);
}
.review-bottom-info__text p {
  margin-top: 10px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: var(--text-grey);
}
.review-bottom-info__text ul {
  margin-top: 10px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.review-bottom-info__text ul li {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--text-grey);
}
.review-bottom-button p {
  margin-top: 10px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--text-grey);
}
.review-bottom-button p span {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: var(--text-grey);
  border-radius: 50%;
  margin: 0 3px 2px 3px;
}
.review-bottom-button p img {
  margin-right: 5px;
  width: 20px;
}

.news {
  margin-top: 80px;
}
.news__slider {
  margin-inline: 70px;
  position: relative;
}
.news-slider-block {
  position: relative;
}

.news-block-title {
  display: flex;
  justify-content: space-between;
  gap: 10px 30px;
}

.news-title h2 {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 24px;
  color: var(--main-color);
}
.news-title p {
  max-width: 800px;
  font-family: "Roboto";
  font-size: 22px;
  color: var(--main-text);
  font-weight: 400;
  line-height: 120%;
}
.news-title ul {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}
.news-title ul li {
  display: flex;
  gap: 5px;
  align-items: center;
  font-family: "Roboto";
  font-size: 14px;
  color: var(--main-text);
  font-weight: 400;
  line-height: 120%;
}

.news-link {
  padding: 5px 10px;
  display: inline-flex;
  height: 100%;
  gap: 5px;
  border-radius: 5px;
  background: #00A878;
  width: fit-content;
  align-items: center;
}
.news-link img {
  width: 20px;
  object-fit: contain;
}
.news-link {
  font-family: "Roboto";
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8235294118);
  white-space: nowrap;
}

.news-block {
  margin-top: 30px;
}

.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--light-greyBg);
}
.swiper-button-prev path, .swiper-button-next path {
  fill: var(--main-accent);
  stroke: 3px;
}

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

.swiper-button-next {
  right: 0;
}

.swiper-pagination-block {
  margin-top: 20px;
  display: auto;
  justify-content: center;
}
.swiper-pagination-block .swiper-pagination {
  justify-content: center;
  display: flex;
  gap: 5px;
}
.swiper-pagination-block .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--light-greyBg);
  display: block;
  cursor: pointer;
  transition: all ease 0.3s;
}
.swiper-pagination-block .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--main-accent);
}

.news-card {
  padding: 15px;
  border-radius: 10px;
  background: var(--light-greyBg);
  display: flex;
  flex-direction: column;
}
.news-card__image img {
  width: 100%;
  object-fit: contain;
  aspect-ratio: 330/195;
  border-radius: 10px;
}
.news-card__title {
  flex: 1;
  margin-top: 10px;
  margin-top: 20px;
  font-family: var(--font-main);
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  color: var(--main-color);
}
.news-card__text {
  flex: 1;
  margin-top: 15px;
  font-family: "Roboto";
  font-size: 16px;
  color: var(--main-text);
  font-weight: 400;
  line-height: 120%;
}
.news-card__tags {
  flex: 1;
  margin-top: 20px;
  display: flex;
  gap: 5px;
  align-items: center;
  font-family: "Roboto";
  font-size: 12px;
}
.news-card__tags .circle {
  display: flex;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--main-text);
}
.news-card__tags .tag-news {
  padding: 2px 5px;
  border-radius: 5px;
  font-family: "Roboto";
  font-size: 12px;
  text-transform: capitalize;
  color: var(--main-text);
}
.news-card__tags .tag-news.--orange {
  color: #E85D04;
  background: rgba(255, 107, 53, 0.2);
}
.news-card__tags .tag-news.--green {
  color: #2E8B57;
  background: rgba(0, 168, 120, 0.2156862745);
}
.news-card__button {
  margin-top: 10px;
  flex: 1;
}
.news-card__button .button {
  width: 100%;
  height: 35px;
  border-radius: 5px;
}

.news-bottom-block {
  display: flex;
  gap: 10px 30px;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  background: var(--light-greyBg);
  padding: 15px;
  border-radius: 10px;
}
.news-bottom-block .production-bottom-info-text h6 {
  color: var(--main-color);
}
.news-bottom-block .production-bottom-info-text p {
  color: var(--main-text);
}
.news-bottom-block .button {
  color: #FFF;
}
.news-bottom-block .button img {
  width: 20px;
}
.news-bottom-block .button.--orange {
  background: #FF6B35;
}

.production-bottom-text {
  margin-top: 10px;
  display: flex;
  align-items: center;
  margin-left: 30px;
  gap: 5px;
  font-family: "Roboto";
  font-size: 14px;
  color: var(--main-text);
}

.footer-top__center {
  padding: 30px 20px;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-size: cover;
}

.btn__icon {
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
}
.btn__icon img {
  object-fit: contain;
}

nav[aria-label=breadcrumb] {
  padding: 20px 0 30px;
}
nav[aria-label=breadcrumb]::-webkit-scrollbar {
  width: 0;
  display: none;
}
nav[aria-label=breadcrumb]::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 3px;
  display: none;
}
nav[aria-label=breadcrumb]::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 3px;
  display: none;
}

nav[aria-label=breadcrumb] ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
nav[aria-label=breadcrumb] ol li {
  display: inline;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  white-space: wrap;
  hyphens: auto;
  color: #FFF;
  font-family: "Roboto";
}
nav[aria-label=breadcrumb] ol li a {
  opacity: 0.5;
  transition: all ease 0.3s;
}
nav[aria-label=breadcrumb] ol li a:hover {
  opacity: 1;
}
nav[aria-label=breadcrumb] ol li:after {
  content: "/";
  margin-bottom: -2px;
  color: #FFF;
}
nav[aria-label=breadcrumb] ol li:last-child:after {
  content: "";
}

.wrapper:has(.contact-page) {
  background: #f4f6f9 !important;
}

.contact-hero {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.hero-contact-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-top: 150px;
  padding-bottom: 100px;
  margin-bottom: 150px;
}

.hero-contact-info .hero__title {
  padding-top: 0;
  color: #FFF;
}
.hero-contact-info {
  color: #FFF;
}
.hero-contact-info__subtitle {
  margin-top: 70px;
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  max-width: 750px;
}
.hero-contact-info__text {
  margin-top: 30px;
  font-family: "Roboto";
  font-weight: 500;
  line-height: 120%;
  max-width: 500px;
}
.hero-contact-info__text span {
  color: var(--main-accent);
  white-space: nowrap;
}

.hero-contact-info-card {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: 50px;
  margin-top: 70px;
  max-width: 500px;
}
.hero-contact-info-card__image img {
  max-width: 100px;
}
.hero-contact-info-card__text h4 {
  font-family: var(--font-main);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
.hero-contact-info-card__text p {
  font-family: "Roboto";
  font-size: 16px;
  color: #FFF;
  line-height: 130%;
}

.hero-contact-form {
  max-width: 480px;
}

.form-contact-hero {
  margin-bottom: -250px;
  padding: 30px 30px 20px 30px;
  background: #FFF;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);
  border-radius: 15px;
}
.form-contact-hero h2 {
  font-family: var(--font-main);
  color: var(--main-color);
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 20px;
}
.form-contact-hero h2 span {
  color: var(--main-accent);
}

.hero-contact-form .form__line {
  display: flex;
  flex-direction: column;
}
.hero-contact-form .form__line label {
  font-size: 16px;
}
.hero-contact-form .form-contact-hero-block .form__line {
  margin-bottom: 20px;
}

.custom-select {
  position: relative;
  width: 100%;
  font-size: 14px;
}
.custom-select__trigger {
  position: relative;
  padding: 12px 40px 12px 20px;
  border: 1px solid var(--text-grey);
  border-radius: 5px;
  background: white;
  font-weight: 500;
  color: #212529;
  cursor: pointer;
  transition: border-color 0.2s ease;
}
.custom-select__value {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto";
  opacity: 0.7;
}
.custom-select__value.is-selected {
  opacity: 1;
}
.custom-select__arrow {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%23212529'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s ease;
  pointer-events: none;
}
.custom-select .custom-select-dropdown {
  border: 1px solid var(--text-grey);
  border-radius: 5px;
  background: white;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  padding: 5px;
  opacity: 0;
  transform: translateY(-10px);
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, visibility 0.3s;
}
.custom-select__dropdown {
  padding-right: 5px;
  list-style: none;
  max-height: 200px;
  overflow-y: auto;
  z-index: 10;
}
.custom-select__dropdown::-webkit-scrollbar {
  width: 3px;
}
.custom-select__dropdown::-webkit-scrollbar-track {
  background: #EEE;
  border-radius: 3px;
}
.custom-select__dropdown::-webkit-scrollbar-thumb {
  background: var(--main-accent);
  border-radius: 3px;
}
.custom-select__dropdown {
  /* Анимация */
}
.custom-select__dropdown li {
  padding: 10px 10px;
  cursor: pointer;
  color: #212529;
  transition: background 0.2s ease, color 0.2s ease;
  border-top: 1px solid #f1f3f5;
  font-size: 14px;
  font-weight: 400;
  font-family: "Roboto";
  opacity: 0.7;
}
.custom-select__dropdown li:first-child {
  border-top: 0;
}
.custom-select__dropdown li:hover {
  background: #f6f6f6;
}
.custom-select__dropdown li.is-selected {
  background: #f6f6f6;
  font-weight: 600;
  opacity: 0.8;
}
.custom-select {
  /* Открытое состояние */
}
.custom-select.is-open .custom-select__arrow {
  transform: translateY(-50%) scaleY(-1);
}
.custom-select.is-open .custom-select-dropdown {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  pointer-events: auto;
}

.form-contact-hero .form__line .input {
  padding-left: 20px;
  border-radius: 5px;
  border-color: var(--text-grey);
}
.form-contact-hero .form__line textarea {
  min-height: 100px;
}
.form-contact-hero .checkbox {
  display: inline-block;
  position: relative;
}
.form-contact-hero .checkbox__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.form-contact-hero .checkbox__input:focus-visible + .checkbox__text {
  outline: 1px solid #000;
}
.form-contact-hero .checkbox__input:checked + .checkbox__text:after {
  transform: scale(1);
}
.form-contact-hero .checkbox__text {
  cursor: pointer;
  position: relative;
  gap: 10px;
  display: inline-flex;
  align-items: center;
  font-family: "Roboto";
  font-size: 15px;
  color: var(--main-color);
  line-height: 120%;
}
.form-contact-hero .checkbox__text a {
  display: inline;
  transition: all ease 0.3s;
}
.form-contact-hero .checkbox__text:before {
  content: "";
  align-self: flex-start;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border: 1px solid var(--text-grey);
  background-color: #FFF;
}
.form-contact-hero .checkbox__text::after {
  content: "";
  transition: all 0.3s ease 0s;
  transform: scale(0);
  width: 18px;
  height: 18px;
  background-color: #FFF;
  background-image: url(../assets/img/calculator/ch.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  left: 1px;
  top: 1px;
}
.form-contact-hero .button {
  margin-top: 30px;
  border-radius: 8px;
}
.form-contact-hero .hero-contact-form-text {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Roboto";
  font-size: 14px;
  color: var(--text-grey);
  line-height: 120%;
}
.form-contact-hero .hero-contact-form-text img {
  width: 20px;
}

.why-contact {
  margin-top: -50px;
}
.why-contact-wrapper {
  display: flex;
  justify-content: space-between;
}

.contact-why h2 {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
}

.contact-why-block {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.contact-why-card:not(:last-child) {
  padding-right: 20px;
  margin-right: 20px;
  border-right: 2px solid rgba(69, 87, 104, 0.1254901961);
}
.contact-why-card__image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-why-card__image img {
  width: 80px;
}
.contact-why-card__text {
  margin-top: 10px;
}
.contact-why-card__text h4 {
  font-family: var(--font-main);
  font-size: 16px;
  font-weight: 600;
  color: var(--text-dark);
}
.contact-why-card__text p {
  margin-top: 10px;
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text-grey);
  line-height: 120%;
}

.contact-trust {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 2px solid rgba(69, 87, 104, 0.1254901961);
}
.contact-trust h2 {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
}
.contact-trust h3 {
  font-family: var(--font-main);
  font-weight: 600;
  line-height: 120%;
}

.contact-trust-top {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 50px;
}

.contact-trust-card-top {
  display: flex;
  align-items: center;
  gap: 20px;
}
.contact-trust-card-top__image img {
  width: 80px;
}
.contact-trust-card-top__title strong {
  font-family: "Roboto", sans-serif;
  color: var(--main-accent);
  font-size: 32px;
  font-weight: 900;
}
.contact-trust-card-top__title strong span {
  font-size: 22px;
}
.contact-trust-card-top__title p {
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text-dark);
}

.contact-trust-card-bottom {
  margin-top: 20px;
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text-grey);
}

.contact-trust-bottom {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.contact-example-card {
  padding: 5px;
  border-radius: 10px;
  border: 1px solid var(--text-grey);
}
.contact-example-card__image img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 237/236;
  border-radius: 10px;
}
.contact-example-card__title {
  margin-top: 10px;
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text-grey);
}
.contact-example-card__text {
  margin-block: 10px;
  margin-top: 10px;
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 500;
  color: var(--text-dark);
}

.why-contact-info {
  margin-top: 100px;
  padding-left: 20px;
  margin-left: 20px;
  border-left: 2px solid rgba(69, 87, 104, 0.1254901961);
  max-width: 480px;
}
.why-contact-info h2 {
  font-family: var(--font-main);
  font-weight: 600;
  line-height: 120%;
}

.why-contact-links {
  margin-top: 20px;
}
.why-contact-links ul li {
  display: flex;
  align-items: center;
  gap: 10px;
}
.why-contact-links ul li img {
  width: 60px;
  flex: 0 0 60px;
}
.why-contact-links ul li:not(:last-child) {
  margin-bottom: 15px;
}
.why-contact-links .why-contact-links-block {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 500;
  color: var(--text-grey);
}
.why-contact-links .why-contact-links-block a {
  transition: all ease 0.3s;
}

.why-contact-messenger {
  margin-top: 50px;
}
.why-contact-messenger h3 {
  font-family: var(--font-main);
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 20px;
  font-size: 20px;
}
.why-contact-messenger ul {
  display: flex;
  gap: 20px;
}
.why-contact-messenger ul li {
  width: 100%;
}
.why-contact-messenger ul li a img {
  width: 100%;
}
.why-contact-messenger ul li a {
  transition: all ease 0.3s;
}

.why-contact-address {
  margin-top: 50px;
}
.why-contact-address h3 {
  font-family: var(--font-main);
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 20px;
  font-size: 20px;
}
.why-contact-address ul li {
  display: flex;
  align-items: center;
  gap: 10px;
}
.why-contact-address ul li:not(:last-child) {
  margin-bottom: 15px;
}
.why-contact-address ul li img {
  width: 40px;
  flex: 0 0 40px;
}
.why-contact-address .why-contact-address-block {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.why-contact-address .why-contact-address-block strong {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 500;
  color: var(--text-dark);
}
.why-contact-address .why-contact-address-block span {
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text-grey);
}
.why-contact-address .why-contact-address-block span span {
  white-space: nowrap;
}

.why-contact-map {
  margin-top: 30px;
}

.map__body {
  height: 230px;
  border-radius: 10px;
  overflow: hidden;
  border: 2px solid rgba(69, 87, 104, 0.3);
}

.ymaps-2-1-79-map-copyrights-promo {
  display: none !important;
}

.ymaps-2-1-79-copyright {
  display: none !important;
}

.details {
  margin-top: 50px;
}
.details-wrapper .spollers__item {
  border: 1px solid var(--text-grey);
  border-radius: 10px;
}
.details-wrapper .spollers__title {
  width: 100%;
  cursor: default;
  text-align: left;
  display: flex;
  gap: 20px;
  padding: 20px 60px 20px 20px;
  border-radius: 5px;
  position: relative;
  list-style: none;
  align-items: start;
}
.details-wrapper .spollers__title h2 {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 110%;
}
.details-wrapper .spollers__title p {
  margin-top: 5px;
  font-size: 16px;
  font-family: "Roboto";
  color: var(--text-grey);
}
.details-wrapper .spollers__title img {
  width: 40px;
  object-fit: contain;
  flex: 0 0 40px;
}
.details-wrapper .spollers__title::marker, .details-wrapper .spollers__title::-webkit-details-marker {
  display: none;
}
.details-wrapper .spollers__body {
  margin: 20px;
  border-top: 2px solid rgba(69, 87, 104, 0.1254901961);
}
.details-wrapper .details-content {
  padding-top: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.details-wrapper .details-content ul:not(:last-child) {
  margin-right: 50px;
  padding-right: 50px;
  border-right: 2px solid rgba(69, 87, 104, 0.1254901961);
}
.details-wrapper .details-content ul li {
  font-family: "Roboto";
  color: var(--text-grey);
  line-height: 120%;
}
.details-wrapper .details-content ul li strong {
  color: var(--main-color);
}
.details-wrapper .details-content ul li.--column {
  display: flex;
  flex-direction: column;
  gap: 3px;
  max-width: 250px;
}
.details-wrapper .details-content ul li:not(:last-child) {
  margin-bottom: 7px;
}

.spollers__title::marker, .spollers__title::-webkit-details-marker {
  display: none;
}
.--spoller-init .spollers__title {
  cursor: pointer;
}
.--spoller-init .spollers__title::before, .--spoller-init .spollers__title::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  background-color: #000;
  height: 3px;
  width: 20px;
  transition: transform 0.5s ease 0s;
}
.--spoller-init .spollers__title::before {
  transform: translate(-75%, -50%) rotate(40deg);
}
.--spoller-init .spollers__title::after {
  transform: translate(0, -50%) rotate(-40deg);
}
.--spoller-init .spollers__title.--spoller-active::before {
  transform: translateX(-75%) rotate(-40deg);
}
.--spoller-init .spollers__title.--spoller-active::after {
  transform: rotate(40deg);
}

.fasteners {
  margin-top: 50px;
}
.fasteners-wrapper {
  padding: 100px 20px 100px 20px;
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-size: cover;
  display: flex;
  gap: 15px 30px;
}
.fasteners-wrapper h2 {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  color: #FFF;
  max-width: 400px;
}
.fasteners-wrapper p {
  font-family: "Roboto";
  font-size: 16px;
  color: #FFF;
  line-height: 130%;
  max-width: 330px;
}

.fasteners-info {
  max-width: 500px;
}
.fasteners-info .button {
  margin-top: 20px;
}

.hero.--light-hero nav[aria-label=breadcrumb] {
  position: relative;
  z-index: 1;
}
.hero.--light-hero nav[aria-label=breadcrumb] ol li, .hero.--light-hero nav[aria-label=breadcrumb] ol li:after {
  color: var(--text-grey);
}
.hero.--light-hero .hero__title.--with-background {
  max-width: 1050px;
  padding: 20px 10px;
  background: var(--main-color);
  border-radius: 10px;
  color: #FFF;
}
.hero.--light-hero .hero__title.--with-background span {
  color: var(--main-accent);
}
.hero.--light-hero .hero__text {
  color: var(--text-grey);
  margin-top: 0;
}

.hero__advantages {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  z-index: 1;
  position: relative;
  max-width: 1050px;
}
.hero__advantages .hero-advantages-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.hero__advantages .hero-advantages-card:not(:last-child) {
  padding-right: 20px;
  margin-right: 20px;
  border-right: 2px solid rgba(69, 87, 104, 0.1254901961);
}
.hero__advantages .hero-advantages-card img {
  height: 70px;
  object-fit: contain;
}
.hero__advantages .hero-advantages-card p {
  font-family: "Roboto";
  text-align: center;
  color: var(--text-grey);
  font-size: 16px;
  line-height: 120%;
}

.catalog-advantages {
  margin-top: 80px;
}
.catalog-advantages-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.catalog-advantages-card {
  padding: 20px;
  border-radius: 10px;
  background: #f4f6f9;
  display: flex;
  flex-direction: column;
}
.catalog-advantages-card__image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.catalog-advantages-card__image img {
  width: 100px;
}
.catalog-advantages-card__info {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  margin-top: 15px;
  justify-content: space-between;
}
.catalog-advantages-card__info h3 {
  text-align: center;
  font-family: "Roboto";
  font-weight: 700;
  line-height: 120%;
  font-size: 22px;
  text-transform: uppercase;
  flex: 1 1 auto;
  margin-bottom: 10px;
}
.catalog-advantages-card__info p {
  font-family: "Roboto";
  text-align: center;
  color: var(--text-grey);
  font-size: 16px;
  line-height: 120%;
  flex: 1 1 auto;
  max-width: 250px;
  margin: 0 auto;
}

.category {
  margin-top: 80px;
}
.category-wrapper {
  padding: 30px 20px 50px 20px;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: cover;
}
.category-wrapper h2 {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 24px;
}

.category-block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.category-card {
  padding: 10px;
  background: #FFF;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--main-color);
}
.category-card__image img {
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  aspect-ratio: 327/230;
}

.category-card-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.category-card-body h3 {
  margin-top: 10px;
  margin-bottom: 15px;
  flex: 1 1 auto;
  font-family: var(--font-main);
  font-weight: 600;
  line-height: 120%;
  text-transform: uppercase;
}
.category-card-body .category-card-body-block {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.category-card-body p {
  font-size: 16px;
  font-family: "Roboto";
  line-height: 120%;
  color: var(--text-grey);
}
.category-card-body p:not(:last-child) {
  margin-bottom: 5px;
}
.category-card-body__price {
  margin-top: auto;
  font-size: 16px;
  font-family: "Roboto";
  line-height: 120%;
  color: #00B894;
}
.category-card-body__buttons .button.--main-color {
  width: 100%;
  margin-top: 10px;
}
.category-card-body .category-link {
  margin-top: 5px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Roboto";
  transition: all ease 0.3s;
  width: fit-content;
}
.category-card-body .category-link iconify-icon {
  transition: all ease 0.3s;
}

.catalog-why {
  margin-top: 80px;
}
.catalog-why-wrapper {
  background-repeat: no-repeat;
  background-position: 50% 30%;
  background-size: cover;
  padding: 20px;
}
.catalog-why-wrapper h2 {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 24px;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.catalog-why-block {
  margin: 0 20px;
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 30px;
}

.catalog-why-card {
  display: flex;
  align-items: center;
}
.catalog-why-card__image img {
  width: 150px;
  min-width: 150px;
}
.catalog-why-card__info {
  margin-bottom: -20px;
}
.catalog-why-card__info h4 {
  font-size: 32px;
  font-family: "Roboto";
  font-weight: 900;
  color: var(--text-dark);
}
.catalog-why-card__info p {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
}

.catalog-why-preview {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: -50px;
}

.catalog-why-preview-card {
  position: relative;
  padding: 5px;
  background: #FFF;
  border: 1px solid var(--main-color);
}
.catalog-why-preview-card img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 365/260;
}

.catalog-why-preview-card-badge {
  position: absolute;
  left: 5px;
  bottom: 6px;
  background: var(--main-color);
  font-size: 12px;
  font-family: "Roboto";
  color: #FFF;
  padding: 5px;
}

.catalog-need {
  margin-top: 100px;
}
.catalog-need__subtitle {
  margin-top: 30px;
  color: #FFF;
  font-size: 26px;
  font-family: "Roboto";
  text-align: center;
  line-height: 130%;
  padding: 0 20px;
}
.catalog-need__subtitle span {
  white-space: nowrap;
  padding-bottom: 5px;
  border-bottom: 1px solid #E85D04;
}

.catalog-need-wrapper {
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.catalog-need-wrapper h2 {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 24px;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  color: #FFF;
  padding: 0 20px;
}

.catalog-need-block {
  margin-top: 50px;
  display: grid;
  padding: 0 20px;
  grid-template-columns: repeat(3, 1fr);
}

.catalog-need-card {
  display: flex;
  align-items: center;
  gap: 20px;
}
.catalog-need-card:not(:last-child) {
  border-right: 2px solid #FFF;
  padding-right: 20px;
  margin-right: 20px;
}
.catalog-need-card img {
  width: 80px;
  object-fit: contain;
}
.catalog-need-card__info strong {
  font-size: 32px;
  font-family: "Roboto";
  font-weight: 900;
  color: #FFF;
}
.catalog-need-card__info p {
  margin-top: 5px;
  font-size: 18px;
  font-family: "Roboto";
  color: #FFF;
}

.catalog-need-button {
  margin-top: 50px;
  padding: 0 20px;
}
.catalog-need-button .button.--orange {
  font-size: 40px;
  font-family: "Roboto";
  color: #FFF;
  font-weight: 400;
  gap: 30px;
}
.catalog-need-button .button.--orange img {
  width: 60px;
}

.catalog-need-bottom {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 20px;
}
.catalog-need-bottom img {
  width: 50px;
}
.catalog-need-bottom p {
  color: #FFF;
  font-family: "Roboto";
  font-size: 18px;
  line-height: 120%;
}
.catalog-need-bottom p span {
  text-transform: uppercase;
}
.catalog-need-bottom p strong {
  color: #FF6B35;
}

.hero.--light-dark {
  background-position: 75% 20%;
}
.hero.--light-dark .hero-wrapper {
  padding-bottom: 80px;
}
.hero.--light-dark::after {
  display: none;
}
.hero.--light-dark .hero__title {
  padding-top: 70px;
  color: #FFF;
  margin-bottom: 10px;
}
.hero.--light-dark .hero__text-separator {
  display: flex;
  font-size: 18px;
  font-family: "Roboto";
  color: #FFF;
}
.hero.--light-dark .hero__text-separator span {
  width: fit-content;
}
.hero.--light-dark .hero__text-separator span:not(:last-child) {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 2px solid var(--main-accent);
}
.hero.--light-dark .hero__about {
  margin-top: 70px;
  font-family: var(--font-main);
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 20px;
  font-size: 26px;
  color: #FFF;
}
.hero.--light-dark .hero__about span {
  color: var(--main-accent);
}
.hero.--light-dark .hero-badges {
  margin-top: 70px;
  display: flex;
  max-width: 700px;
  gap: 10px 30px;
}
.hero.--light-dark .hero-badges .hero__badge {
  padding: 5px 10px;
  border-radius: 10px;
  border: 1px solid var(--main-accent);
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #010f29;
}
.hero.--light-dark .hero-badges .hero__badge img {
  width: 40px;
  flex: 0 0 40px;
}
.hero.--light-dark .hero-badges .hero__badge .hero__badge-info {
  display: flex;
  flex-direction: column;
}
.hero.--light-dark .hero-badges .hero__badge .hero__badge-info strong {
  font-size: 22px;
  font-family: var(--font-main);
  color: var(--main-accent);
}
.hero.--light-dark .hero-badges .hero__badge .hero__badge-info span {
  color: #FFF;
  font-size: 16px;
  font-family: "Roboto";
  line-height: 120%;
  max-width: 180px;
}

.hero.--light-dark .hero__buttons {
  margin-top: 30px;
}
.hero.--light-dark .button.--orange {
  color: #FFF;
  font-size: 18px;
  padding: 16px 40px;
}
.hero.--light-dark .button.--orange img {
  flex: 0 0 35px;
  max-width: 35px;
  max-height: 35px;
  transition: all ease 0.3s;
}
.hero.--light-dark .button.--orange span {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-shadow: 2px 2px 2px #1C2B3A;
}

.comparison {
  margin-top: 30px;
}
.comparison .comparison-wrapper {
  background: #f4f6f9;
  padding: 50px 20px 50px 20px;
}
.comparison .comparison-wrapper h2 {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 50px;
  font-size: 36px;
}
.comparison .comparison-block {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 16px;
  background: #f5f7fa;
  border: 1px solid var(--main-color);
  max-width: 1100px;
  margin: 0 auto;
}
.comparison .comparison__table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  background: #f5f7fa;
}
.comparison .comparison__table thead th {
  padding: 15px 20px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #3a4a5c;
  font-family: "Roboto";
  border-bottom: 1px solid var(--main-color);
  border-right: 1px solid var(--main-color);
}
.comparison .comparison__table thead th:last-child {
  border-right: none;
}
.comparison .comparison__table thead th.accent {
  color: #2fb380;
}
.comparison .comparison__table tbody td {
  padding: 10px 24px;
  vertical-align: middle;
  border-bottom: 1px solid var(--main-color);
  border-right: 1px solid var(--main-color);
  font-size: 16px;
  line-height: 120%;
  color: #3a4a5c;
  font-family: "Roboto";
}
.comparison .comparison__table tbody td:last-child {
  border-right: none;
}
.comparison .comparison__table tbody tr:last-child td {
  border-bottom: none;
}

.feature {
  display: flex;
  align-items: center;
  gap: 16px;
  font-weight: 500;
  color: var(--main-color);
}
.feature__img {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.cell {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.cell__img {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin-top: 2px;
  object-fit: contain;
}
.cell--good span {
  color: #2fb380;
  font-weight: 400;
}
.cell--bad span {
  color: var(--text-grey);
}
.completed-projects {
  margin-top: 80px;
}
.completed-projects h2 {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  font-size: 36px;
}

.completed-projects-wrapper {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 10px;
}

.completed-projects-card {
  padding: 10px;
  border-radius: 10px;
  border: 1px solid var(--main-color);
  display: flex;
  flex-direction: column;
}
.completed-projects-card__image img {
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.completed-projects-card-body {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.completed-projects-card-body__top {
  flex: 1;
  margin-top: 10px;
  display: flex;
  gap: 10px;
}
.completed-projects-card-body__top-tile {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.completed-projects-card-body__top-tile strong {
  font-family: "Roboto";
  font-size: 18px;
}
.completed-projects-card-body__top-tile span {
  margin-top: 10px;
  font-family: "Roboto";
  font-size: 16px;
}
.completed-projects-card-body__top-image {
  margin-top: auto;
  max-width: 180px;
  width: 100%;
  height: 30px;
}
.completed-projects-card-body__top-image img {
  width: 100%;
  object-fit: contain;
  aspect-ratio: 180/30;
}
.completed-projects-card-body__link {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(69, 87, 104, 0.1254901961);
}

.completed-projects-card-link {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Roboto";
  font-size: 16px;
  color: #00B894;
  transition: all ease 0.3s;
}
.completed-projects-card-link img {
  width: 20px;
}

.how-work {
  margin-top: 100px;
}
.how-work-wrapper {
  padding: 70px 20px 50px 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 100%;
}
.how-work-wrapper .--section-title {
  text-align: center;
}

.--section-title {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  font-size: 36px;
}

.how-work-block {
  margin-top: 100px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
}

.how-work-card {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 50% 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 20px 60px 20px;
  position: relative;
  min-height: 350px;
}
.how-work-card__num {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: #000e28;
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  font-size: 32px;
  color: #FFF;
  position: absolute;
  top: -23px;
  right: 50%;
  transform: translate(50%, 0);
}
.how-work-card__image {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.how-work-card__image img {
  width: 100%;
  height: 150px;
  object-fit: contain;
}
.how-work-card__text {
  margin-top: 30px;
  font-size: 18px;
  font-family: "Roboto";
  line-height: 120%;
  text-align: center;
}
.how-work-card:last-child .how-work-card__image img {
  height: 100px;
}

.how-work-separator {
  top: 50%;
  right: -35px;
  display: flex;
  align-items: center;
  position: relative;
  position: absolute;
  width: 40px;
  height: 2px;
  background: var(--main-accent);
}
.how-work-separator::after {
  position: absolute;
  content: "";
  display: flex;
  width: 10px;
  height: 10px;
  background: #FFF;
  border-radius: 50%;
  border: 2px solid var(--main-accent);
  right: 0;
  z-index: 1;
}
.how-work-separator::before {
  position: absolute;
  content: "";
  display: flex;
  width: 10px;
  height: 10px;
  background: #FFF;
  border-radius: 50%;
  border: 2px solid var(--main-accent);
  z-index: 1;
}

.faq {
  margin-top: 100px;
}
.faq-wrapper {
  margin-top: 30px;
}
.faq-wrapper .spollers {
  display: grid;
  gap: 15px;
}
.faq-wrapper .spollers__item {
  font-size: 1.25rem;
}
.faq-wrapper .spollers__title {
  width: 100%;
  cursor: default;
  text-align: left;
  background: #f4f6f9;
  padding: 20px 70px 20px 20px;
  border-radius: 5px;
  position: relative;
  list-style: none;
  font-size: 22px;
  font-family: "Roboto";
  font-weight: 500;
  transition: all ease 0.3s;
  line-height: 120%;
}
.faq-wrapper .spollers__title::marker, .faq-wrapper .spollers__title::-webkit-details-marker {
  display: none;
}
.--spoller-init .faq-wrapper .spollers__title {
  cursor: pointer;
}
.--spoller-init .faq-wrapper .spollers__title::before, .--spoller-init .faq-wrapper .spollers__title::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  background-color: var(--main-accent);
  height: 2px;
  width: 15px;
  transition: transform 0.5s ease 0s;
}
.--spoller-init .faq-wrapper .spollers__title::before {
  transform: translate(-75%, -50%) rotate(40deg);
}
.--spoller-init .faq-wrapper .spollers__title::after {
  transform: translate(0, -50%) rotate(-40deg);
}
.--spoller-init .faq-wrapper .spollers__title.--spoller-active::before {
  transform: translateX(-75%) rotate(-40deg);
}
.--spoller-init .faq-wrapper .spollers__title.--spoller-active::after {
  transform: rotate(40deg);
}
.faq-wrapper .spollers__title.--spoller-active {
  background: var(--main-color);
  color: #FFF;
}
.faq-wrapper .spollers__body {
  padding: 20px;
  font-size: 18px;
  font-family: "Roboto";
  line-height: 120%;
}
.faq-wrapper p:first-child {
  margin-top: 10px;
}
.faq-wrapper ul {
  margin-left: 20px;
  margin-block: 10px;
}
.faq-wrapper ul li {
  list-style: disc;
}
.faq-wrapper ul li::marker {
  color: var(--main-accent);
}

.faq-wrapper .--spoller-init .spollers__title::before, .faq-wrapper .--spoller-init .spollers__title::after {
  background-color: var(--main-accent);
}

.needed {
  margin-top: 100px;
}
.needed h2 {
  color: #FFF;
  text-align: center;
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  font-size: 42px;
}
.needed h3 {
  margin-top: 30px;
  color: #FFF;
  text-align: center;
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  font-size: 32px;
}
.needed p {
  max-width: 550px;
  margin: 0 auto;
  padding-top: 30px;
  color: #FFF;
  font-family: "Roboto";
  line-height: 120%;
  text-align: center;
}

.needed-wrapper {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 100px;
}

.needed-block {
  max-width: 800px;
  margin: 0 auto;
}

.needed-block-buttons {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.needed-block-buttons .button {
  justify-content: start;
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  font-size: 32px;
  color: #FFF;
  white-space: wrap;
}
.needed-block-buttons .button img {
  width: 80px;
  height: 80px;
  flex: 0 0 80px;
  object-fit: contain;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 2px solid #FFF;
}

.needed-block-text {
  margin-top: 20px;
  text-align: center;
  font-family: "Roboto";
  font-size: 18px;
  color: #FFF;
  line-height: 120%;
}

.needed-block-text-separator {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}

.needed-block-text-separator-block {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: "Roboto";
  font-size: 18px;
  color: #FFF;
  line-height: 120%;
}
.needed-block-text-separator-block img {
  width: 25px;
  object-fit: contain;
}
.needed-block-text-separator-block:not(:last-child) {
  margin-right: 20px;
  padding-right: 20px;
  border-right: 2px solid #127ce0;
}

.products {
  margin-top: 100px;
}
.products__sidebar {
  width: 260px;
  min-width: 260px;
  position: sticky;
  top: 20px;
  height: 100%;
}
.products__sidebar .spollers {
  display: grid;
  gap: 15px;
}
.products__sidebar .spollers__item {
  background: #f4f6f9;
  border-radius: 10px;
}
.products__sidebar .spollers__title {
  width: 100%;
  cursor: default;
  text-align: left;
  padding: 10px 15px;
  border-radius: 5px;
  position: relative;
  list-style: none;
  font-weight: 600;
  font-family: "Roboto";
  font-size: 16px;
}
.products__sidebar .spollers__title::marker, .products__sidebar .spollers__title::-webkit-details-marker {
  display: none;
}
.products__sidebar .spollers__body {
  padding: 20px;
}
.products__sidebar-button {
  margin-top: 20px;
}
.products__sidebar-button .button {
  width: 100%;
}
.products__content {
  width: 100%;
}
.products__sidebar .spollers.--spoller-init .spollers__title {
  cursor: pointer;
}
.products__sidebar .spollers.--spoller-init .spollers__title::before, .products__sidebar .spollers.--spoller-init .spollers__title::after {
  height: 2px;
  width: 10px;
}

.products-found-cout {
  font-size: 16px;
  color: var(--text-grey);
  font-family: "Roboto";
  margin-top: 5px;
}

.products-wrapper {
  margin-top: 20px;
  display: flex;
  gap: 30px;
}

.spollers-content ul li:not(:last-child) {
  margin-bottom: 5px;
}

.spollers-content .checkbox {
  display: inline-flex;
  position: relative;
  gap: 5px;
}
.spollers-content .checkbox:not(:last-child) {
  margin-bottom: 5px;
}
.spollers-content .checkbox .checkbox__text {
  cursor: pointer;
  position: relative;
  gap: 10px;
  display: inline-flex;
  font-family: "Roboto";
  align-items: center;
  white-space: nowrap;
  transition: all ease 0.3s;
}
.spollers-content .checkbox .checkbox__text:before {
  display: none;
}
.spollers-content .checkbox .checkbox__text::after {
  display: none;
}

.spollers-content {
  font-family: "Roboto";
}
.spollers-content ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  text-transform: uppercase;
}
.spollers-content ul li:nth-child(n+6) {
  display: none;
}
.spollers-content ul.--active li:nth-child(n+6) {
  display: flex;
}
.spollers-content .see-more {
  margin-top: 5px;
  font-size: 14px;
  font-family: "Roboto";
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--main-accent);
}
.spollers-content .see-more span:nth-child(2) {
  display: none;
}
.spollers-content .see-more.--active span:nth-child(2) {
  display: block;
}
.spollers-content .see-more.--active span:nth-child(1) {
  display: none;
}
.spollers-content .see-more.--active iconify-icon {
  transform: scale(1, -1);
}

.spollers-content.--execution {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.spollers-content.--execution input {
  width: fit-content;
}

.spollers-content-inputs {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}
.spollers-content-inputs .input {
  font-family: "Roboto";
  background: #FFF;
  border-radius: 10px;
}

.header-sort-dropdown {
  position: relative;
}

.products__header {
  display: flex;
  gap: 10px 20px;
  justify-content: space-between;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.products__header-sort {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
}
.products__header-sort > span {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  font-size: 18px;
  color: var(--text-grey);
}

.header-sort-dropdown-display {
  padding: 5px 40px 5px 5px;
  border: 1px solid var(--main-color);
  position: relative;
  font-family: "Roboto";
  cursor: pointer;
}
.header-sort-dropdown-display::before, .header-sort-dropdown-display::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  background-color: #000;
  height: 2px;
  width: 8px;
  transition: transform 0.5s ease 0s;
}
.header-sort-dropdown-display::before {
  transform: translate(-75%, -50%) rotate(40deg);
}
.header-sort-dropdown-display::after {
  transform: translate(0, -50%) rotate(-40deg);
}

.header-sort-dropdown-list {
  position: absolute;
  top: calc(100% + 5px);
  width: 100%;
  display: none;
  z-index: 1;
}

.header-sort-dropdown.--active .header-sort-dropdown-list {
  display: block;
}
.header-sort-dropdown.--active .header-sort-dropdown-display::before {
  transform: translateX(-75%) rotate(-40deg);
}
.header-sort-dropdown.--active .header-sort-dropdown-display::after {
  transform: rotate(40deg);
}

.header-sort-dropdown-list-block {
  padding: 10px;
  border: 1px solid var(--main-color);
  background: #FFF;
}
.header-sort-dropdown-list-block .options__text {
  font-size: 14px;
  font-family: "Roboto";
  transition: all ease 0.3s;
}
.header-sort-dropdown-list-block .options__text::after {
  display: none;
}
.header-sort-dropdown-list-block .options__text::before {
  display: none;
}
.header-sort-dropdown-list-block .options__input:checked + .options__text {
  color: var(--main-accent);
}

.products__header-filter {
  display: flex;
  align-items: center;
  gap: 10px;
}

.products__header-filter-block {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-right: 10px;
}
.products__header-filter-block > span {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  font-size: 18px;
  color: var(--text-grey);
}

.sort-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  transition: all ease 0.3s;
  background: #f4f6f9;
}
.sort-button.--active {
  background: var(--main-accent);
  color: #FFF;
}

.products-card {
  display: flex;
  flex-direction: column;
  border: 2px solid rgba(69, 87, 104, 0.1254901961);
  border-radius: 10px;
}
.products-card .products-card__image {
  position: relative;
  padding: 20px 10px;
}
.products-card .products-card__image img {
  object-fit: contain;
  width: 100%;
}
.products-card .products-card__image.--image-cube img {
  aspect-ratio: 270/230;
}
.products-card .products-card__image .products-card-badges {
  position: absolute;
  top: 5px;
  left: 5px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.products-card .products-card__image .products-card-badge {
  padding: 5px;
  border-radius: 5px;
  font-size: 12px;
  font-family: "Roboto";
}
.products-card .products-card__image .products-card-badge.--dark-blue {
  background: var(--main-color);
  color: #fff;
}
.products-card .products-card__image .products-card-badge.--grey {
  background: #f4f6f9;
  color: var(--text-grey);
}
.products-card .products-card__image .products-card-badge.--light-green {
  background: #eafbf0;
  color: #2E8B57;
  border: 1px solid #00A878;
}
.products-card .products-card__image .products-card-badge.--violet {
  color: #743da7;
  background: #faf4fa;
  border: 1px solid #743da7;
}
.products-card .products-card__image .products-card-badge.--gost {
  background: #effafe;
  border: 1px solid #0A2540;
  color: #0A2540;
}
.products-card .products-card__image .products-card-badge.--light-orange {
  background: #fff8ef;
  color: #E85D04;
  border: 1px solid #E85D04;
}
.products-card .products-card-body {
  padding: 0 20px 0 20px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.products-card .products-card-body > ul {
  margin-top: 10px;
  margin-bottom: 10px;
}
.products-card .products-card-body > ul li {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 14px;
  font-family: "Roboto";
  color: var(--text-grey);
}
.products-card .products-card-body > ul li:not(:last-child) {
  margin-bottom: 5px;
}
.products-card .products-card-body > ul li span:last-child {
  text-align: right;
}
.products-card .products-card-body__text {
  font-size: 16px;
  font-family: "Roboto";
  color: var(--text-grey);
  line-height: 120%;
  margin-block: 10px;
}
.products-card .products-card-body__title {
  font-weight: 600;
  font-family: "Roboto";
  font-size: 24px;
}
.products-card .products-card-body-price {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid rgba(69, 87, 104, 0.1254901961);
}
.products-card .products-card-body-price ul {
  display: flex;
  gap: 20px;
  align-items: center;
}
.products-card .products-card-body-price ul .products-price {
  font-size: 20px;
  font-family: "Roboto";
  font-weight: 600;
  color: var(--text-grey);
}
.products-card .products-card-body-price ul .products-sale {
  display: flex;
  flex-direction: column;
  font-family: "Roboto";
  color: var(--text-grey);
}
.products-card .products-card-body-price ul .products-sale span:nth-child(1) {
  font-size: 12px;
}
.products-card .products-card-body-price ul .products-sale span:nth-child(2) {
  font-size: 16px;
  font-weight: 600;
}
.products-card .products-card-body-price.--not-list {
  margin-top: auto;
  font-size: 22px;
  font-family: "Roboto";
  color: var(--text-grey);
}
.products-card .products-card-body-price.--not-list small {
  font-size: 14px;
}
.products-card .products-card-buttons {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.products-card .products-card-buttons .button {
  width: 100%;
  padding: 10px 20px;
  height: 36px;
}

.button.--border-red {
  border: 1px solid #E85D04;
  color: #E85D04;
}

.products-card-body__list {
  font-family: "Roboto";
  color: var(--text-grey);
}
.products-card-body__list ul {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.products-card-body__list ul li {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
}
.products-card-body__list ul li:not(:last-child) {
  margin-bottom: 5px;
}
.products-card-body__list ul li img {
  width: 20px;
}

.products__grid {
  border-top: 1px solid var(--main-color);
  padding-top: 50px;
}

.products__sidebar.--dynamic {
  padding-top: 20px;
  border-top: 1px solid var(--main-color);
  width: 100%;
  padding-bottom: 20px;
}

.products__grid.--sort-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.products__grid.--sort-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
}
.products__grid.--sort-list .products-card {
  flex-direction: row;
  justify-content: space-between;
}
.products__grid.--sort-list .products-card .products-card__image {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 450px;
}
.products__grid.--sort-list .products-card .products-card-body {
  padding: 20px;
}
.products__grid.--sort-list .products-card .products-card-buttons {
  justify-content: end;
}

.products__content-button {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.products__content-button .button.--grey {
  background: var(--main-text);
  color: #FFF;
  min-width: 220px;
  box-shadow: 4px 7px 7px 1px rgba(74, 92, 110, 0.3);
  border-radius: 5px;
}

.ankernye-bloki-page .hero.--light-dark .hero-badges .hero__badge {
  background: transparent;
}
.ankernye-bloki-page .hero__badge img {
  object-fit: contain;
  height: 100%;
}
.ankernye-bloki-page .hero__text-paragraph {
  font-size: 18px;
  font-family: "Roboto";
  color: #FFF;
  max-width: 600px;
  line-height: 120%;
}
.ankernye-bloki-page .hero__text-paragraph p span {
  color: var(--main-accent);
}
.ankernye-bloki-page .hero__text-paragraph p:not(:last-child) {
  margin-bottom: 10px;
}
.ankernye-bloki-page .products__sidebar .button.--border {
  height: 36px;
}
.ankernye-bloki-page .button.--border {
  border: 1px solid var(--main-accent);
  color: var(--main-accent);
  font-size: 18px;
  text-align: center;
  padding: 10px 20px;
}
.ankernye-bloki-page .button.--border img {
  max-width: 35px;
  max-height: 35px;
  width: 35px;
}

.receive {
  margin-top: 50px;
}

.receive-wrapper {
  background: #f4f6f9;
  padding: 30px 20px;
  display: flex;
  gap: 250px;
}

.receive-form-block {
  max-width: 500px;
  width: 100%;
}

.ankernye-bloki-page .products__sidebar .button.--border {
  height: 36px;
}
.ankernye-bloki-page .button.--border {
  border: 1px solid var(--main-accent);
  color: var(--main-accent);
  font-size: 18px;
  text-align: center;
  padding: 10px 20px;
}
.ankernye-bloki-page .button.--border img {
  max-width: 35px;
  max-height: 35px;
  width: 35px;
}

.receive-info {
  max-width: 650px;
}
.receive-info p {
  margin-top: 30px;
  font-size: 16px;
  font-family: "Roboto";
  line-height: 120%;
  color: var(--text-grey);
}
.receive-info ul {
  margin-top: 30px;
}
.receive-info ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-family: "Roboto";
  line-height: 120%;
  color: var(--text-grey);
}
.receive-info ul li:not(:last-child) {
  margin-bottom: 5px;
}
.receive-info ul li img {
  width: 30px;
}

.receive-form .form__line {
  position: relative;
}
.receive-form .form__line .input {
  background: #FFF;
  border-radius: 5px;
  padding: 10px 10px 10px 40px;
}
.receive-form .form__line > img {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 20px;
}

.form-downloaded {
  cursor: pointer;
  padding: 20px;
  border: 2px dashed var(--main-accent);
  border-radius: 12px;
  text-align: center;
  transition: all 0.2s ease;
}
.form-downloaded .input {
  display: none;
}
.form-downloaded-block img {
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
}
.form-downloaded-block p {
  margin: 0;
  font-family: "Roboto";
  color: var(--main-accent);
  font-size: 14px;
}
.form-downloaded-text {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  color: #333;
}
.form-downloaded-text:empty {
  display: none;
}
.form-downloaded .form-downloaded-text {
  font-size: 12px;
  font-family: "Roboto";
  color: var(--text-grey);
}

.receive-form-block .checkbox {
  margin-top: 20px;
  display: inline-block;
  position: relative;
}
.receive-form-block .checkbox:not(:last-child) {
  margin-bottom: 5px;
}
.receive-form-block .checkbox__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.receive-form-block .checkbox__input:focus-visible + .checkbox__text {
  outline: 1px solid #000;
}
.receive-form-block .checkbox__input:checked + .checkbox__text:after {
  transform: scale(1);
}
.receive-form-block .checkbox__text {
  cursor: pointer;
  position: relative;
  gap: 10px;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-family: "Roboto";
  color: var(--text-grey);
  line-height: 120%;
}
.receive-form-block .checkbox__text:before {
  content: "";
  align-self: flex-start;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border: 1px solid var(--text-grey);
  background-color: transparent;
}
.receive-form-block .checkbox__text::after {
  content: "";
  transition: all 0.3s ease 0s;
  transform: scale(0);
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-image: url(../assets/img/calculator/ch.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  left: 0px;
  top: 0px;
}
.receive-form-block .checkbox__text a {
  display: inline;
  transition: all ease 0.3s;
}
.receive-form-block .button.--orange {
  margin-top: 10px;
  width: 100%;
  border-radius: 5px;
  color: #FFF;
  box-shadow: 4px 7px 7px 1px rgba(74, 92, 110, 0.3);
}
.receive-form-block .button.--orange span {
  text-shadow: 2px 2px 2px #1C2B3A;
}
.receive-form-block .receive-form-bottom-text {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-family: "Roboto";
  color: var(--text-grey);
  line-height: 120%;
}
.receive-form-block .receive-form-bottom-text img {
  width: 20px;
}

.products-subtitle {
  font-size: 16px;
  font-family: "Roboto";
  color: var(--text-grey);
}
.products-subtitle p:not(:last-child) {
  margin-bottom: 5px;
}

.products-card-modal {
  display: flex;
  flex-direction: column;
  border: 2px solid rgba(69, 87, 104, 0.1254901961);
  border-radius: 10px;
  padding: 20px;
}
.products-card-modal__title {
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 600;
  font-family: "Roboto";
}
.products-card-modal__title img {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
}
.products-card-modal__image {
  margin-block: 20px;
}
.products-card-modal .products-card-modal__text-block p:not(:last-child) {
  margin-bottom: 5px;
}
.products-card-modal__text {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: "Roboto";
  font-size: 16px;
  color: var(--text-grey);
}
.products-card-modal__text img {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
}
.products-card-modal__text span {
  color: var(--main-accent);
}
.products-card-modal .form-downloaded {
  margin-top: 20px;
  margin-bottom: 20px;
}
.products-card-modal .form-downloaded-block {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.products-card-modal .form-downloaded-block img {
  width: 30px;
  height: 30px;
  margin-bottom: 0;
}
.products-card-modal .form-downloaded-block p {
  font-size: 18px;
}
.products-card-modal .form-downloaded {
  padding: 10px;
}
.products-card-modal .button {
  margin-top: auto;
  padding: 10px 20px;
  height: 36px;
  width: 100%;
}
.products-card-modal .button iconify-icon {
  transition: all ease 0.3s;
}

p.form-downloaded-block {
  font-family: "Roboto";
  font-size: 12px;
  color: var(--text-grey);
}

.products__grid.--sort-list .products-card-modal-body {
  display: flex;
}
.products__grid.--sort-list .products-card-modal-body .products-card-modal__image {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 450px;
}

.variation {
  margin-top: 50px;
}
.variation .--section-title {
  color: #FFF;
}

.variation-wrapper {
  padding: 50px 20px 20px;
}
.variation-wrapper > p {
  margin-top: 20px;
  color: #FFF;
  font-family: "Roboto";
}
.variation-wrapper > p {
  line-height: 120%;
}

.variation-block {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.variation-card {
  padding: 30px 50px;
  background: #FFF;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}
.variation-card__image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.variation-card__image img {
  height: 200px;
}

.variation-card-body {
  flex: 1 1 auto;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
.variation-card-body p {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  font-size: 22px;
  text-align: center;
}
.variation-card-body ul {
  padding-top: 20px;
  margin-top: 10px;
  border-top: 1px solid rgba(69, 87, 104, 0.1254901961);
  padding-left: 20px;
}
.variation-card-body ul li {
  width: fit-content;
  list-style: disc;
}
.variation-card-body ul li::marker {
  color: var(--main-accent);
}
.variation-card-body ul li {
  font-size: 18px;
  font-family: "Roboto";
  color: var(--text-grey);
  hyphens: auto;
}
.variation-card-body ul li:not(:last-child) {
  margin-bottom: 5px;
}

.typesetting {
  margin-top: 100px;
}
.typesetting__image {
  max-width: 700px;
}
.typesetting__image img {
  width: 100%;
  object-fit: cover;
}

.typesetting-wrapper {
  margin-top: 30px;
  display: flex;
  gap: 30px;
}

.typesetting-info {
  width: 100%;
  max-width: 650px;
}
.typesetting-info p {
  font-family: "Roboto";
  line-height: 120%;
  color: var(--text-grey);
  font-size: 18px;
}
.typesetting-info ul {
  margin-top: 30px;
}
.typesetting-info ul li {
  font-family: "Roboto";
  line-height: 120%;
  color: var(--text-grey);
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.typesetting-info ul li img {
  width: 50px;
}
.typesetting-info ul li:not(:last-child) {
  margin-bottom: 10px;
}

.typesetting-info-button {
  margin-top: 20px;
  padding: 0 50px;
}
.typesetting-info-button img {
  width: 30px;
}
.typesetting-info-button .button {
  width: 100%;
}

.ankernye-bloki-page .needed-block-buttons .button {
  justify-content: center;
}

.hero__title span.--light-blue {
  color: var(--main-accent);
}

.calculation {
  margin-top: 50px;
}
.calculation-wrapper {
  padding: 50px 20px 20px;
  background-repeat: no-repeat;
  background-size: cover;
  color: #FFF;
  display: flex;
  gap: 20px 50px;
}

.calculation-block {
  max-width: 650px;
}
.calculation-block p {
  margin-top: 30px;
  font-size: 18px;
  font-family: "Roboto";
  line-height: 120%;
}
.calculation-block ul {
  margin-top: 30px;
}
.calculation-block ul li {
  display: flex;
  align-items: center;
  gap: 10px;
}
.calculation-block ul li:not(:last-child) {
  margin-bottom: 10px;
}

.calculation-step {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--main-accent);
  font-size: 32px;
  font-family: "Roboto";
}

.calculation-block-info {
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  background: #FFF;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-family: "Roboto";
  color: var(--text-grey);
}
.calculation-block-info img {
  width: 50px;
  height: auto;
  object-fit: contain;
}
.calculation-block-info img.circle {
  height: 30px;
  width: 30px;
  margin-left: auto;
}

.calculation-block-info-text {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.calculation-help p {
  margin-top: 30px;
  font-size: 18px;
  font-family: "Roboto";
  line-height: 120%;
}

.calculation-help-block {
  margin-top: 20px;
}

.calculation-help-card {
  padding: 10px;
  border-radius: 10px;
  background: #FFF;
  display: flex;
  align-items: center;
  gap: 10px 20px;
  max-width: 550px;
}
.calculation-help-card:not(:last-child) {
  margin-bottom: 10px;
}
.calculation-help-card:nth-child(even) {
  margin-left: auto;
}
.calculation-help-card:nth-child(even) .calculation-help-card__info {
  text-align: right;
}
.calculation-help-card__image {
  max-width: 100px;
  width: 100%;
}
.calculation-help-card__image img {
  height: 120px;
  object-fit: contain;
}
.calculation-help-card__info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.calculation-help-card__info strong {
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  font-size: 32px;
  color: var(--text-dark);
}
.calculation-help-card__info span {
  font-size: 18px;
  font-family: "Roboto";
  line-height: 120%;
  color: var(--text-grey);
}

.looking {
  margin-top: 50px;
}
.looking-wrapper {
  padding: 20px;
  border-radius: 10px;
  background: #f4f6f9;
  position: relative;
}
.looking-wrapper > img {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 320px;
  transform: translate(0, -50%);
}

.looking-wrapper-block {
  padding: 20px;
  border-radius: 5px;
  border: 1px solid var(--main-accent);
  display: flex;
  align-items: center;
  gap: 20px;
}
.looking-wrapper-block > img {
  width: 80px;
}
.looking-wrapper-block .button {
  text-align: center;
  margin-right: 300px;
}

.looking-wrapper-block-info {
  max-width: 600px;
  z-index: 1;
}
.looking-wrapper-block-info strong {
  font-size: 26px;
  font-family: "Roboto";
  line-height: 120%;
  font-weight: 600;
}
.looking-wrapper-block-info p {
  margin-top: 5px;
  font-family: "Roboto";
  line-height: 120%;
  color: var(--text-grey);
}

/**/
.embedded-parts-catalog {
  padding: 60px 0;
  font-family: "Roboto";
}

.container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}

.section-title {
  font-size: 32px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 20px;
  line-height: 1.2;
}

.section-description {
  font-size: 16px;
  line-height: 120%;
  color: var(--text-grey);
  margin-bottom: 30px;
  max-width: 1200px;
}

.catalog-filters {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr auto;
  gap: 15px;
  margin-bottom: 30px;
  align-items: end;
  padding: 20px;
  background: #f4f6f9;
  border-radius: 10px;
}
.catalog-filters .button {
  min-width: 200px;
  border-radius: 5px;
}
.catalog-filters .header-sort-dropdown-display {
  border: 1px solid var(--main-accent);
  border-radius: 6px;
  display: flex;
  line-height: 38px;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.filter-group {
  display: flex;
  flex-direction: column;
}

.search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.search-icon {
  position: absolute;
  left: 16px;
  width: 30px;
  pointer-events: none;
}

.search-input,
.filter-select {
  width: 100%;
  padding: 14px 16px 14px 48px;
  border: 1px solid var(--main-accent);
  border-radius: 6px;
  font-size: 15px;
  transition: all 0.3s ease;
  appearance: none;
  cursor: pointer;
}

.search-input {
  padding-left: 48px;
}

.search-input::placeholder {
  color: var(--text-grey);
}

.btn-search:active {
  transform: translateY(0);
}

.table-wrapper {
  background: #fff;
  border-radius: 0;
  overflow: hidden;
  box-shadow: none;
  border: 1px solid #d0d8e0;
}

.catalog-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  border: 1px solid #d0d8e0;
}

.catalog-table thead {
  background: var(--main-color);
  color: #fff;
}

.catalog-table th {
  padding: 20px 12px;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  white-space: nowrap;
  border: 1px solid #495b6d;
  border-bottom: 2px solid var(--main-color);
}

.catalog-table td {
  padding: 16px 12px;
  border: 1px solid #495b6d;
  vertical-align: top;
  line-height: 120%;
  color: var(--text-grey);
}

.catalog-table tbody tr {
  transition: background 0.2s ease;
}

.catalog-table tbody tr:hover {
  background: #f5f8fa;
}

.catalog-table tbody tr:nth-child(even) {
  background: #f4f6f9;
}

.catalog-table tbody tr:nth-child(even):hover {
  background: #f0f4f8;
}

.series-number {
  font-weight: 600;
  color: #0e2a47;
  white-space: nowrap;
  font-size: 15px;
  background: #f5f8fa;
}

.no-results {
  text-align: center;
  padding: 60px 20px;
  background: #fff;
  border-radius: 8px;
  color: #666;
  font-size: 16px;
}
.approximate {
  margin-top: 50px;
}

.approximate-title {
  display: flex;
  align-items: center;
  gap: 20px;
}
.approximate-title img {
  width: 120px;
}

.approximate-title__block p {
  font-family: "Roboto";
  margin-top: 10px;
  line-height: 120%;
  color: var(--text-grey);
}

.approximate-table {
  margin-top: 30px;
  width: 100%;
  margin-bottom: 30px;
}

.price-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  border: 1px solid #d0d8e0;
  border-radius: 5px;
  font-family: "Roboto";
}

.price-table thead {
  background: #0e2a47;
  color: #fff;
}

.price-table th {
  padding: 18px 24px;
  text-align: center;
  font-family: "Roboto";
  font-weight: 600;
  font-size: 22px;
  border: 1px solid #495b6d;
  width: 50%;
}

.price-table th:first-child {
  border-right: 1px solid #1a3a5c;
}

.price-table td {
  padding: 18px 24px;
  border: 1px solid #d0d8e0;
  color: var(--text-grey);
  line-height: 120%;
}

.price-table tbody tr:nth-child(odd) {
  background: #fff;
}

.price-table tbody tr:nth-child(even) {
  background: #f4f6f9;
}

.price-table td:first-child {
  border-right: 1px solid #d0d8e0;
  padding-left: 40px;
}

.price-table td:last-child {
  text-align: center;
  font-weight: 600;
  color: var(--text-grey);
  white-space: nowrap;
}

.price-table-cell {
  font-size: 18px;
}

.price-table tbody tr:hover {
  background: #f4f6f9;
}
.approximate-bottom {
  display: flex;
  padding: 10px 20px;
  background: #f4f6f9;
  border-radius: 0 10px 10px 0;
  border-left: 4px solid var(--main-accent);
  display: flex;
  align-items: center;
  gap: 20px;
}
.approximate-bottom img {
  width: 30px;
}
.approximate-bottom p {
  font-size: 16px;
  font-family: "Roboto";
  color: var(--main-accent);
  max-width: 600px;
}

.approximate-button {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}
.approximate-button .button {
  box-shadow: 4px 7px 7px 1px rgba(74, 92, 110, 0.3);
  border-radius: 5px;
}
.approximate-button .button img {
  flex: 0 0 35px;
  max-width: 35px;
  max-height: 35px;
}
.approximate-button .button {
  text-align: center;
  text-transform: uppercase;
  color: #FFF;
  text-shadow: 2px 2px 2px #1C2B3A;
}

.approximate-wrapper {
  max-width: 1100px;
  margin: 0 auto;
}

.products-grid {
  margin-top: 50px;
}
.products-grid .products__grid.--sort-grid {
  padding-top: 20px;
  border-top: none;
}

.products-grid .products-card-modal-body {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.products-grid .products-card-modal-body-block {
  margin-top: auto;
}

.technical {
  margin-top: 50px;
}

.technical-title p {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 16px;
  font-family: "Roboto";
  color: var(--text-grey);
}
.technical-title p img {
  width: 50px;
}

.technical-wrapper {
  margin-top: 30px;
  display: flex;
  gap: 20px 30px;
}

.technical-block {
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--main-color);
  width: 100%;
  height: 100%;
}

.technical-block-top {
  background: var(--main-color);
  padding: 10px;
}
.technical-block-top ul {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.technical-block-top ul li {
  color: #FFF;
  display: flex;
  align-items: center;
  gap: 20px;
  text-transform: uppercase;
  font-size: 22px;
  font-family: "Roboto";
}
.technical-block-top ul li img {
  height: 50px;
}

.technical-block-bottom {
  display: flex;
  font-family: "Roboto";
}
.technical-block-bottom ul {
  width: 100%;
}
.technical-block-bottom ul:not(:last-child) {
  border-right: 1px solid var(--main-color);
}
.technical-block-bottom ul li {
  display: flex;
  padding: 10px 20px;
  align-items: center;
  gap: 10px;
  height: 60px;
}
.technical-block-bottom ul li img {
  height: 40px;
  flex: 0;
}
.technical-block-bottom ul li:nth-child(even) {
  background: #f4f6f9;
}
.technical-block-bottom ul:nth-child(1) {
  font-size: 20px;
  font-weight: 600;
  color: var(--text-grey);
  word-break: break-all;
  hyphens: auto;
}
.technical-block-bottom ul:nth-child(2) {
  color: var(--text-grey);
}

.modal-products-card .products-card-modal {
  padding: 10px;
}
.modal-products-card {
  margin-top: 30px;
}
.modal-products-card .products-card-modal-body {
  flex-direction: row;
  gap: 20px;
  align-items: center;
}
.modal-products-card .products-card-modal__image {
  margin: 0;
}
.modal-products-card .products-card-modal__image img {
  width: 200px;
  flex: 0 0 200px;
}
.modal-products-card .products-card-modal-body-block {
  display: flex;
  gap: 30px;
  width: 100%;
  justify-content: space-between;
}
.modal-products-card .products-card-modal__text-block {
  max-width: 750px;
}
.modal-products-card .products-card-modal__title {
  margin-bottom: 5px;
}
.modal-products-card .form-downloaded {
  margin-top: 0;
  margin-bottom: 10px;
}
.modal-products-card .form-downloaded-block img {
  width: 20px;
  height: 20px;
}
.modal-products-card .form-downloaded-block p {
  font-size: 14px;
}

.calculation-help.--grid .calculation-help-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 10px;
}
.calculation-help.--grid .calculation-help-card {
  flex-direction: column;
  align-items: start;
  gap: 0;
}
.calculation-help.--grid .calculation-help-card:nth-child(even) {
  margin-left: 0;
}
.calculation-help.--grid .calculation-help-card:not(:last-child) {
  margin-bottom: 0;
}
.calculation-help.--grid .calculation-help-card__image {
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}
.calculation-help.--grid .calculation-help-card__image img {
  width: 100px;
}
.calculation-help.--grid .calculation-help-card__image strong {
  display: inline;
  font-family: "Roboto";
  color: var(--main-color);
  font-weight: 600;
  font-size: 18px;
}
.calculation-help.--grid .calculation-help-card:nth-child(even) .calculation-help-card__info {
  text-align: left;
}
.calculation-help.--grid .calculation-help-card__info ul {
  margin-left: 20px;
}
.calculation-help.--grid .calculation-help-card__info ul li {
  list-style: disc;
}
.calculation-help.--grid .calculation-help-card__info ul li::marker {
  color: var(--main-accent);
}
.calculation-help.--grid .calculation-help-card__info ul li {
  font-family: "Roboto";
  color: var(--text-grey);
  font-size: 14px;
}

.capabilities {
  margin-top: 50px;
}
.capabilities-wrapper {
  font-family: "Roboto";
  padding-top: 30px;
  max-width: 1200px;
  margin: 0 auto;
}
.capabilities-wrapper ul {
  border: 1px solid var(--text-grey);
  border-radius: 10px;
  overflow: hidden;
}
.capabilities-wrapper ul li {
  display: flex;
  align-items: center;
}
.capabilities-wrapper ul li:not(:last-child) {
  border-bottom: 1px solid #d0d8e0;
}

.capabilities-block {
  padding: 5px 20px;
  min-width: 400px;
  background: var(--main-color);
  display: flex;
  align-items: center;
  gap: 20px;
}
.capabilities-block img {
  height: 40px;
}
.capabilities-block {
  font-size: 22px;
  color: #FFF;
}

.capabilities-text {
  padding: 5px 5px 5px 30px;
  color: var(--text-grey);
  font-size: 16px;
}

.gussets {
  margin-top: 50px;
}
.gussets-wrapper {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px 20px;
}

.gussets-card {
  padding: 20px;
  border-radius: 10px;
  border: 1px solid var(--text-grey);
  background: #f4f6f9;
}
.gussets-card__image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gussets-card__image img {
  height: 70px;
}
.gussets-card__text {
  padding-top: 5px;
  max-width: 270px;
  margin: 0 auto;
  font-family: var(--font-main);
  font-weight: 700;
  line-height: 120%;
  font-size: 18px;
  text-align: center;
}

.flange .flange-title {
  display: flex;
  align-items: center;
  gap: 10px 20px;
}
.flange .flange-title img {
  height: 80px;
}
.flange .flange-title-block p {
  font-family: "Roboto";
  color: var(--text-grey);
}
.flange {
  margin-top: 50px;
}
.flange .capabilities-block {
  min-width: 350px;
}
.flange .products-card-modal-body {
  display: flex;
}
.flange .products-card-modal__image img {
  height: 100px;
  object-fit: contain;
}

.purposes {
  margin-top: 50px;
}
.purposes p {
  margin-top: 5px;
  font-family: "Roboto";
  color: var(--text-grey);
}

.purposes-wrapper {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 10px;
}

.purposes-card {
  font-family: "Roboto";
  padding: 10px;
  border: 2px solid rgba(69, 87, 104, 0.1254901961);
  border-radius: 10px;
  display: flex;
  background: #f4f6f9;
  gap: 10px;
}
.purposes-card img {
  object-fit: contain;
  width: 120px;
}

.purposes-card-info {
  display: flex;
  flex-direction: column;
}
.purposes-card-info__title {
  flex: 1;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(69, 87, 104, 0.1254901961);
  font-size: 22px;
  font-weight: 600;
}
.purposes-card-info__text {
  flex: 1;
  color: var(--text-grey);
}
.purposes-card-info__text {
  line-height: 120%;
}

.threaded {
  margin-top: 50px;
}
.threaded-wrapper {
  background: #f4f6f9;
  padding: 50px 20px 30px 20px;
}
.threaded-wrapper p {
  margin-top: 5px;
  font-family: "Roboto";
  color: var(--text-grey);
}

.threaded-block {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.threaded-card {
  background: #FFF;
  border-radius: 10px;
  font-family: "Roboto";
}

.threaded-card-top {
  display: flex;
  padding-left: 10px;
}
.threaded-card-top__image {
  max-width: 350px;
  width: 100%;
}
.threaded-card-top__image img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 240/230;
}

.threaded-card-top-info {
  padding-top: 10px;
  display: flex;
  flex-direction: column;
}
.threaded-card-top-info span {
  display: block;
  width: fit-content;
  color: var(--main-accent);
  border-bottom: 1px solid;
}
.threaded-card-top-info strong {
  margin-top: 30px;
  font-size: 22px;
}

.threaded-card-body {
  padding: 0 10px 20px 10px;
}
.threaded-card-body ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--text-grey);
}
.threaded-card-body ul li:not(:last-child) {
  margin-bottom: 5px;
}
.threaded-card-body ul li span:nth-child(2) {
  text-align: right;
}

.needed-list {
  color: #FFF;
  font-family: "Roboto";
  padding-top: 30px;
  max-width: 950px;
  margin: 0 auto;
}
.needed-list strong {
  font-size: 22px;
}
.needed-list .needed-list-block {
  margin-top: 10px;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}
.needed-list .needed-list-block p {
  max-width: 300px;
  text-align: left;
  font-weight: 600;
  font-size: 18px;
  padding: 0;
  margin: initial;
}
.needed-list ul {
  column-count: 2;
  column-width: 250px;
}
.needed-list ul li {
  margin-bottom: 5px;
  font-size: 18px;
}/* Generated by vite-plugin-svg-spritemap *//* Generated by vite-plugin-svg-spritemap */
[data-fls-slider] {
  overflow: hidden;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-initialized {
  touch-action: pan-y;
}

.swiper-vertical .swiper-wrapper {
  flex-direction: column;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
}

.swiper-initialized .swiper-slide {
  flex-shrink: 0;
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}/* Generated by vite-plugin-svg-spritemap */@media (max-width: 1400px){
  .footer-cta__buttons {
    flex-direction: column;
  }
}@media (max-width: 1350px){
  .header-top-phone {
    display: none;
  }
  .advantages-wrapper {
    gap: 20px;
  }
  .catalog-wrapper {
    flex-direction: column;
  }
  .catalog-solution {
    max-width: 100%;
    border-radius: 10px;
  }
  .catalog-solution h2 {
    margin-bottom: 0;
    max-width: 700px;
  }
  .catalog-solution p {
    margin-top: 24px;
    max-width: 600px;
  }
  .catalog-solution-cards {
    margin-top: 50px;
  }
  .catalog-solution-button {
    margin-top: 50px;
  }
  .products__grid.--sort-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}@media (max-width: 1300px){
  .category-block {
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
  }
}@media (max-width: 1250px){
  .footer-top {
    gap: 20px;
  }
  .footer-contacts__label {
    margin-top: 10px;
    margin-bottom: 15px;
    text-align: left;
  }
  .footer-contacts__schedule {
    flex-direction: column;
    margin-bottom: 20px;
  }
  .footer-actions__catalog-text, .footer-actions__help-text {
    flex-wrap: wrap;
    flex: 1;
  }
  .production-main-cards {
    gap: 20px;
  }
}@media (max-width: 1200px){
  .services-block {
    gap: 20px;
  }
  .work-cards {
    grid-template-columns: repeat(4, 1fr);
  }
  .contact-trust-bottom {
    grid-template-columns: repeat(2, 1fr);
  }
  .catalog-filters {
    grid-template-columns: 1fr 1fr;
  }
  .search-group {
    grid-column: 1/-1;
  }
  .btn-search {
    grid-column: 1/-1;
  }
}@media (max-width: 1150px){
  .footer-top {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .footer-callback {
    padding: 10px 10px 24px 10px;
  }
  .calculator-block {
    flex-direction: column;
    gap: 0;
  }
  .calculator-form {
    max-width: 100%;
  }
  .services-bottom {
    flex-direction: column;
    gap: 10px;
  }
  .services-bottom-block {
    justify-content: center;
    margin-bottom: 20px;
  }
  .services-bottom-block__image img {
    width: 100px;
    flex: 0 0 100px;
  }
  .services-bottom-card {
    max-width: 100%;
  }
  .services-bottom-card:nth-child(1)::after {
    display: none;
  }
  .services-bottom-buttons {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}@media (max-width: 1100px) and (max-width: 900px){
  .menu__body {
    padding-bottom: 120px;
  }
}@media (max-width: 1100px) and (max-width: 575px){
  .menu__body {
    margin-top: 76px;
  }
}@media (max-width: 1100px) and (any-hover: none){
  .icon-menu {
    cursor: default;
  }
}@media (max-width: 1100px){
  .menu__list {
    margin-top: 20px;
    flex-direction: column;
    align-items: start;
    gap: 10px;
  }
  .menu-icon-block {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0088CC;
    height: 48px;
    width: 48px;
    border-radius: 12px;
  }
  .menu__body {
    position: fixed;
    width: 100%;
    height: 100svh;
    left: -100%;
    top: 0;
    overflow: auto;
    margin-top: 93px;
    padding: 0px 15px 30px 15px;
    transition: left 0.3s;
    z-index: 2;
    background: var(--main-color);
  }
  [data-fls-menu-open] .menu__body {
    left: 0;
  }
  .icon-menu {
    display: block;
    position: relative;
    width: 1.875rem;
    height: 1.125rem;
    z-index: 5;
  }
  .icon-menu span, .icon-menu::before, .icon-menu::after {
    content: "";
    transition: all 0.3s ease 0s;
    right: 0;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #FFF;
  }
  .icon-menu::before {
    top: 0;
  }
  .icon-menu::after {
    bottom: 0;
  }
  .icon-menu span {
    top: calc(50% - 1px);
  }
  [data-fls-menu-open] .icon-menu span {
    width: 0;
  }
  [data-fls-menu-open] .icon-menu::before {
    top: calc(50% - 1px);
    transform: rotate(-45deg);
  }
  [data-fls-menu-open] .icon-menu::after {
    bottom: calc(50% - 1px);
    transform: rotate(45deg);
  }
  .advantages-card__text {
    font-size: 12px;
  }
  .packet-wrapper {
    flex-direction: column;
  }
  .packet-info__text {
    max-width: 100%;
  }
  .packet-button {
    max-width: 100%;
  }
  .production-main-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .production-info-cards {
    gap: 20px;
  }
  .production-bottom {
    gap: 20px;
  }
  .hero-contact-info-card {
    margin-left: 0;
  }
  .looking-wrapper-block {
    flex-direction: column;
    align-items: start;
  }
}@media (max-width: 1060px){
  .products__grid.--sort-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}@media (max-width: 1050px){
  .advantages-card {
    flex-direction: column;
  }
  .services-block {
    grid-template-columns: repeat(3, 1fr);
  }
}@media (max-width: 1000px){
  .variation-card {
    padding: 20px;
  }
}@media (width < 62.5em){
  .receive-wrapper {
    gap: 20px;
  }
}@media (max-width: 992px){
  .popup {
    padding: 70px 10px 30px 10px;
  }
  .solutions-card {
    flex-direction: column;
    align-items: start;
  }
  .solutions-card-info__text {
    max-width: 100%;
  }
  .results-wrapper {
    background-image: none;
    background: #f3f4f8;
  }
  .results-wrapper-cards {
    grid-template-columns: repeat(1, 1fr);
  }
  .industry-wrapper-cards {
    grid-template-columns: repeat(1, 1fr);
  }
  .catalog-block-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .catalog-card-bottom .button {
    width: 100%;
  }
  .catalog-block-bottom {
    flex-direction: column;
  }
  .catalog-block-link {
    width: 100%;
  }
  .catalog-block-link-consult {
    width: 100%;
  }
  .services-title-block {
    flex-direction: column;
  }
  .production-title-block {
    flex-direction: column;
  }
  .production-title-block__image {
    margin-left: auto;
  }
  .production-title-block__image img {
    max-width: 300px;
  }
  .production-bottom .button {
    min-width: initial;
  }
  .review-block-title {
    align-items: start;
    flex-direction: column;
  }
  .review-title-info {
    max-width: 100%;
  }
  .review-bottom {
    flex-direction: column;
    align-items: start;
  }
  .review-bottom-button {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .review-bottom-button .button {
    width: 100%;
  }
  .news-block-title {
    flex-direction: column;
  }
  .hero-contact-wrapper {
    padding-top: 50px;
    flex-direction: column;
  }
  .hero-contact-info__subtitle {
    margin-top: 30px;
  }
  .hero-contact-info__text {
    margin-top: 20px;
  }
  .hero-contact-info-card {
    margin-top: 30px;
  }
  .hero-contact-form {
    max-width: 100%;
  }
  .why-contact {
    margin-top: 0;
    padding-top: 30px;
  }
  .why-contact-wrapper {
    flex-direction: column;
  }
  .why-contact-info {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
    margin-top: 30px;
    max-width: 100%;
  }
  .why-contact-messenger {
    margin-top: 30px;
  }
  .why-contact-messenger ul li {
    width: fit-content;
  }
  .why-contact-messenger ul li a {
    max-width: 230px;
  }
  .why-contact-address {
    margin-top: 30px;
  }
  .map__body {
    height: 320px;
  }
  .ymaps-2-1-79-map {
    width: 100%;
  }
  .details-wrapper .details-content ul:not(:last-child) {
    margin-right: 20px;
    padding-right: 20px;
  }
  .catalog-advantages-wrapper {
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
  .how-work-block {
    grid-template-columns: repeat(3, 1fr);
  }
  .how-work-card:nth-child(3) .how-work-separator {
    display: none;
  }
  .needed-wrapper {
    padding: 80px 20px;
  }
  .products__grid.--sort-list .products-card {
    flex-direction: column;
  }
  .products__grid.--sort-list .products-card-modal-body {
    display: block;
  }
  .calculation-wrapper {
    flex-direction: column;
  }
  .calculation-block {
    max-width: 100%;
  }
  .table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-wrapper::-webkit-scrollbar {
    width: 0;
    display: none;
  }
  .technical-wrapper {
    flex-direction: column;
  }
  .gussets-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
  .purposes-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .threaded-block {
    grid-template-columns: repeat(2, 1fr);
  }
}@media (width < 62em){
  .how-work-card__image img {
    height: 80px;
  }
  .how-work-card:last-child .how-work-card__image img {
    height: 70px;
  }
}@media (max-width: 992px) and (width < 23.4375em){
  .review-bottom-button .button {
    font-size: 12px;
  }
}@media (max-width: 968px){
  .footer-body {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer-actions {
    border-radius: 0;
  }
  .footer-links {
    max-width: 100%;
    border-radius: 0 0 10px 10px;
  }
  .footer-bottom {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .footer-actions__help-text, .footer-actions__catalog-text {
    flex-direction: column;
  }
}@media (max-width: 950px){
  .foundation-title {
    flex-direction: column;
  }
  .foundation-bottom {
    margin-top: 40px;
  }
}@media (max-width: 900px){
  .menu__list li:has(.header-bottom-menu__links) {
    display: block;
  }
  .header-bottom {
    display: none;
  }
  .certificates-block {
    grid-template-columns: repeat(2, 1fr);
  }
  .fasteners-wrapper {
    flex-direction: column;
  }
  .category-block {
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
  .completed-projects-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .products__grid.--sort-list .products-card {
    flex-direction: row;
  }
  .typesetting-wrapper {
    flex-direction: column;
  }
  .typesetting-info-button {
    padding: 0;
  }
}@media (max-width: 850px){
  .foundation-body {
    flex-direction: column;
    gap: 20px;
  }
  .foundation-bottom {
    flex-direction: column;
  }
  .foundation-bottom__button {
    width: 100%;
  }
  .foundation-bottom__button .button {
    width: 100%;
  }
  .services-block {
    grid-template-columns: repeat(2, 1fr);
  }
  .work-title-block {
    flex-direction: column;
  }
  .work-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .news-bottom-block {
    flex-direction: column;
  }
  .variation-card__image img {
    height: 150px;
  }
}@media (max-width: 768px){
  .footer-cta__features {
    flex-direction: column;
    gap: 16px;
  }
  .footer-requisites {
    gap: 16px;
  }
  .advantages-wrapper {
    flex-direction: column;
  }
  .advantages-separator {
    width: 100%;
    height: 1px;
  }
  .solutions-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .solutions-card {
    flex-direction: row;
    align-items: center;
  }
  .calculator-advantages {
    grid-template-columns: repeat(1, 1fr);
  }
  .calculator-iframe iframe {
    width: 100% !important;
  }
  .production-info-card {
    flex-direction: column;
    align-items: start;
  }
  .production-info-card__image {
    flex: 0 0 50px;
  }
  .production-info-card__image img {
    width: 50px;
    height: 50px;
  }
  .hero__advantages .hero-advantages-card img {
    height: 50px;
  }
  .catalog-why-preview {
    grid-template-columns: repeat(2, 1fr);
  }
  .catalog-need-card {
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
  }
  .catalog-need-card img {
    width: 40px;
    flex: 1 1 auto;
  }
  .catalog-need-button .button.--orange {
    gap: 10px;
  }
  .catalog-need-button .button.--orange img {
    width: 40px;
  }
  .catalog-need-bottom img {
    width: 30px;
  }
  .hero.--light-dark .hero-wrapper {
    padding-bottom: 50px;
  }
  .hero.--light-dark .hero__title {
    padding-top: 10px;
  }
  .hero.--light-dark .hero__about {
    margin-top: 30px;
  }
  .hero.--light-dark .hero-badges {
    margin-top: 30px;
  }
  .products__grid.--sort-list .products-card {
    flex-direction: column;
  }
  .ankernye-bloki-page .hero__buttons {
    flex-wrap: wrap;
  }
  .receive-wrapper {
    flex-direction: column;
  }
  .receive-form-block {
    max-width: 100%;
  }
  .variation-block {
    grid-template-columns: repeat(1, 1fr);
  }
  .section-title {
    font-size: 24px;
  }
  .catalog-filters {
    grid-template-columns: 1fr;
  }
  .catalog-table {
    min-width: 900px;
  }
  .catalog-table th,
  .catalog-table td {
    padding: 12px 8px;
    font-size: 13px;
  }
  .price-table {
    font-size: 14px;
  }
  .price-table th,
  .price-table td {
    padding: 14px 16px;
  }
  .price-table td:first-child {
    padding-left: 16px;
  }
  .modal-products-card .products-card-modal-body {
    flex-direction: column;
    align-items: start;
  }
  .modal-products-card .products-card-modal-body-block {
    flex-direction: column;
  }
  .capabilities-block {
    max-width: 100%;
    width: 100%;
    min-width: initial;
  }
  .capabilities-text {
    max-width: 100%;
    width: 100%;
  }
  .gussets-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .flange .capabilities-block {
    min-width: initial;
  }
}@media (width < 48em){
  .needed-block-buttons .button {
    font-size: 20px;
  }
}@media (max-width: 720px){
  .footer-actions__help, .footer-actions__catalog {
    flex-direction: column;
    align-items: start;
  }
}@media (max-width: 700px){
  .catalog-why-block {
    grid-template-columns: repeat(1, 1fr);
  }
}@media (max-width: 670px){
  .calculation-help.--grid .calculation-help-block {
    grid-template-columns: repeat(1, 1fr);
  }
  .calculation-help.--grid .calculation-help-card {
    max-width: 100%;
  }
  .purposes-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}@media (max-width: 650px){
  .production-bottom {
    flex-direction: column;
  }
  .production-bottom .button {
    width: 100%;
  }
  .production-bottom-info__image {
    flex: 0 0 60px;
  }
  .production-bottom-info__image img {
    width: 60px;
    height: 60px;
  }
  .details-wrapper .details-content {
    grid-template-columns: repeat(1, 1fr);
  }
  .details-wrapper .details-content ul:not(:last-child) {
    margin-right: 0;
    padding-right: 0;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-right: none;
    border-bottom: 2px solid rgba(69, 87, 104, 0.1254901961);
  }
  .how-work-block {
    grid-template-columns: repeat(2, 1fr);
  }
  .how-work-card:nth-child(2) .how-work-separator {
    display: none;
  }
  .how-work-card:nth-child(3) .how-work-separator {
    display: flex;
  }
  .how-work-card:nth-child(4) .how-work-separator {
    display: none;
  }
  .needed-block-buttons .button img {
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
  }
  .needed-block-text-separator {
    flex-direction: column;
    align-items: center;
  }
  .needed-block-text-separator-block:not(:last-child) {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
    border-bottom: 2px solid #127ce0;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .needed-list .needed-list-block {
    flex-direction: column;
    align-items: start;
  }
  .needed-list ul {
    column-count: 1;
  }
}@media (max-width: 640px){
  .footer-cta__buttons {
    flex-direction: column;
  }
  .comparison .comparison__table thead th,
  .comparison .comparison__table tbody td {
    padding: 16px 14px;
  }
  .feature {
    gap: 10px;
  }
  .feature__img {
    width: 32px;
    height: 32px;
  }
  .cell {
    gap: 10px;
  }
  .cell__img {
    width: 24px;
    height: 24px;
  }
}@media (max-width: 600px){
  .category-wrapper {
    background-size: 100% 12%;
    background-color: #f4f6f9;
  }
  .category-block {
    grid-template-columns: repeat(1, 1fr);
  }
  .products__grid.--sort-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .threaded-block {
    grid-template-columns: repeat(1, 1fr);
  }
}@media (max-width: 575px){
  .header__logo img {
    max-width: 150px;
  }
  .header-top-wrapper {
    padding-block: 10px;
  }
  .catalog-solution-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .catalog-solution-button .button img {
    width: 30px;
  }
  .catalog-solution-button .button p {
    text-align: center;
  }
  .catalog-solution-button .button {
    flex-direction: column;
  }
  .catalog-solution-button .button iconify-icon {
    display: none;
  }
  .services-title-block-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .services-title-card__image img {
    width: 40px;
  }
  .services-block {
    grid-template-columns: repeat(1, 1fr);
  }
  .services-card__image {
    height: 100px;
  }
  .services-card__image img {
    width: 100px;
  }
  .services-bottom-block {
    flex-direction: column;
    align-items: start;
  }
  .services-bottom-block__image img {
    width: 50px;
    flex: 0 0 50px;
    margin-bottom: 20px;
  }
  .services-bottom-cards {
    flex-direction: column;
  }
  .services-bottom-card:not(:last-child) {
    margin-bottom: 15px;
  }
  .services-bottom-card::after {
    display: none;
  }
  .certificates-block {
    grid-template-columns: repeat(1, 1fr);
  }
  .packet-info {
    align-items: start;
    gap: 15px;
  }
  .packet-info__image {
    flex: 0 0 50px;
  }
  .packet-info__image img {
    width: 50px;
  }
  .production-title-block__image img {
    display: none;
  }
  .production-title h2 br {
    display: none !important;
  }
  .production-main-cards {
    grid-template-columns: repeat(1, 1fr);
  }
  .production-info-cards {
    flex-direction: column;
  }
  .production-bottom-info {
    gap: 10px;
  }
  .contact-why-block {
    margin-top: 30px;
    grid-template-columns: repeat(1, 1fr);
  }
  .contact-why-card:not(:last-child) {
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-right: none;
    border-bottom: 2px solid rgba(69, 87, 104, 0.1254901961);
  }
  .contact-why-card__image {
    justify-content: start;
    align-items: start;
  }
  .contact-why-card__image img {
    width: 60px;
  }
  .contact-trust {
    margin-top: 30px;
    padding-top: 30px;
  }
  .contact-trust-top {
    margin-top: 30px;
    margin-bottom: 30px;
    grid-template-columns: repeat(1, 1fr);
  }
  .contact-trust-card-top__image img {
    width: 60px;
  }
  .hero__advantages {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 0;
  }
  .hero__advantages .hero-advantages-card {
    padding: 10px;
  }
  .hero__advantages .hero-advantages-card:not(:last-child) {
    padding-right: 10px;
    margin-right: 0;
    border-right: none;
  }
  .hero__advantages .hero-advantages-card:nth-child(1) {
    border-right: 2px solid rgba(69, 87, 104, 0.1254901961);
  }
  .hero__advantages .hero-advantages-card:nth-child(3) {
    border-right: 2px solid rgba(69, 87, 104, 0.1254901961);
  }
  .catalog-advantages-card__image img {
    width: 80px;
  }
  .hero.--light-dark .hero__text-separator span:not(:last-child) {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
  }
  .hero.--light-dark .hero__text-separator span {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--main-accent);
  }
  .hero.--light-dark .hero__text-separator {
    flex-direction: column;
  }
  .hero.--light-dark .hero-badges {
    flex-direction: column;
  }
  .flange .flange-title {
    align-items: start;
    flex-direction: column;
  }
  .flange .flange-title img {
    height: 50px;
  }
}@media (max-width: 525px){
  .header-bottom-actions.--dynamic {
    flex-wrap: wrap;
  }
  .footer-actions {
    flex-direction: column;
  }
  .footer-actions__catalog {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid;
  }
  .hero__title {
    padding-top: 50px;
  }
  .hero__buttons {
    flex-direction: column;
  }
  .hero .button {
    height: 55px;
  }
  .advantages-card {
    flex-direction: row;
  }
  .industry-card {
    background-position: 100% 100%;
  }
  .foundation-body-card {
    flex-direction: column;
  }
  .foundation-body-card__image {
    margin: 0 auto;
  }
  .foundation-bottom-block {
    flex-direction: column;
    align-items: start;
  }
  .upload-panel-buttons {
    flex-direction: column;
  }
  .services-bottom-buttons .button.--white {
    width: 100%;
    max-width: 100%;
  }
  .review-bottom-info {
    flex-direction: column;
    align-items: start;
  }
  .review-bottom-info__image {
    flex: 0 0 80px;
  }
  .review-bottom-info__image img {
    width: 80px;
  }
  .news__slider {
    margin-inline: 0;
  }
  .swiper-button-prev, .swiper-button-next {
    display: none;
  }
  .production-bottom-text {
    margin-left: 0;
  }
  nav[aria-label=breadcrumb] {
    padding: 16px 0 20px;
  }
  .hero-contact-wrapper {
    padding-top: 30px;
  }
  .hero-contact-info-card {
    align-items: start;
  }
  .hero-contact-info-card__image img {
    max-width: 60px;
  }
  .form-contact-hero {
    padding: 20px;
  }
  .form-contact-hero .button {
    width: 100%;
    padding: 16px 10px;
  }
  .why-contact-messenger ul {
    gap: 10px;
  }
  .fasteners-info .button {
    padding: 16px 10px;
  }
  .catalog-need-block {
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
  }
  .catalog-need-card:not(:last-child) {
    border-right: none;
    border-bottom: 2px solid #FFF;
    padding-right: 0;
    margin-right: 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .catalog-need-card {
    flex-direction: row;
    justify-content: start;
  }
  .catalog-need-card img {
    flex: 0 0 60px;
  }
  .catalog-need-button .button.--orange img {
    width: 20px;
  }
  .comparison .comparison-wrapper {
    padding: 30px 20px;
  }
  .comparison .comparison-wrapper h2 {
    margin-bottom: 20px;
  }
  .completed-projects-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .technical-block-bottom ul li img {
    height: 30px;
  }
  .capabilities-wrapper {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .capabilities-wrapper::-webkit-scrollbar {
    width: 0;
    display: none;
  }
  .capabilities-wrapper ul {
    min-width: 525px;
  }
}@media (max-width: 500px){
  .catalog-block-cards {
    grid-template-columns: repeat(1, 1fr);
  }
  .products__header-filter {
    width: 100%;
  }
  .products__header-filter .sort-button:nth-child(2) {
    margin-left: auto;
  }
}@media (max-width: 475px){
  .review-title-info {
    flex-direction: column;
    align-items: start;
    gap: 10px;
  }
  .review-title-info__image img {
    width: 60px;
  }
  .how-work-block {
    grid-template-columns: repeat(1, 1fr);
    place-items: center;
    margin-top: 50px;
  }
  .how-work-card {
    max-width: 275px;
    width: 100%;
  }
  .how-work-separator {
    display: none !important;
  }
  .calculation-help-card {
    flex-direction: column;
    align-items: start;
  }
  .calculation-help-card:nth-child(even) .calculation-help-card__info {
    text-align: left;
  }
  .calculation-help-card:nth-child(even) {
    flex-direction: column-reverse;
  }
  .calculation-help-card__image img {
    height: 80px;
  }
  .looking-wrapper-block .button {
    width: 100%;
    margin-right: 0;
  }
  .gussets-wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
}@media (max-width: 425px){
  .work-cards {
    grid-template-columns: repeat(1, 1fr);
  }
  .work-info {
    flex-direction: column;
    align-items: start;
  }
  .work-info__image {
    flex: 0 0 50px;
  }
  .work-info__image img {
    width: 50px;
    height: 50px;
  }
  .contact-trust-bottom {
    grid-template-columns: repeat(1, 1fr);
  }
  .why-contact-links ul li img {
    width: 40px;
    flex: 0 0 40px;
  }
  .why-contact-address ul li img {
    width: 30px;
    flex: 0 0 30px;
  }
  .details-wrapper .spollers__title {
    gap: 10px;
  }
  .--spoller-init .spollers__title::before, .--spoller-init .spollers__title::after {
    width: 15px;
  }
  .catalog-advantages-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .catalog-why-block {
    margin: 30px 0 0 0;
  }
  .catalog-why-card__image img {
    width: 100px;
    min-width: 100px;
  }
  .calculation-block ul li {
    flex-direction: column;
    align-items: start;
  }
  .capabilities-block img {
    height: 30px;
  }
  .capabilities-block {
    padding: 10px;
  }
  .capabilities-text {
    padding-left: 5px;
  }
}@media (width < 23.4375em){
  .header-top-phone {
    font-size: 16px;
  }
  .footer {
    margin-top: 80px;
  }
  .footer-contacts__phone-text {
    font-size: 18px;
  }
  .footer-actions__help .button, .footer-actions__catalog .button {
    font-size: 14px;
  }
  .footer-cta__buttons .button {
    font-size: 12px;
  }
  .popup-content-form h3 {
    font-size: 20px;
  }
  .hero__title {
    font-size: 36px;
  }
  .hero__text {
    font-size: 16px;
  }
  .hero .button {
    font-size: 14px;
  }
  .solutions {
    margin-top: 40px;
  }
  .solutions h2 {
    font-size: 28px;
  }
  .solutions-card-info__title {
    font-size: 18px;
  }
  .solutions-card-info__text {
    font-size: 14px;
  }
  .results {
    margin-top: 40px;
  }
  .results-wrapper h3 {
    font-size: 24px;
  }
  .results-card__title {
    font-size: 20px;
  }
  .results-card__subtitle {
    font-size: 16px;
  }
  .results-card__text {
    font-size: 14px;
  }
  .industry {
    margin-top: 40px;
  }
  .industry-wrapper h3 {
    font-size: 24px;
  }
  .industry-card__title {
    font-size: 16px;
  }
  .industry-card__title-count {
    font-size: 18px;
  }
  .industry-card__subtitle {
    font-size: 16px;
  }
  .industry-card__object p {
    font-size: 14px;
  }
  .industry-card__result {
    font-size: 14px;
  }
  .foundation {
    margin-top: 40px;
  }
  .foundation-title-block h2 {
    font-size: 28px;
  }
  .catalog {
    margin-top: 40px;
  }
  .catalog-solution h2 {
    font-size: 28px;
  }
  .catalog-solution p {
    font-size: 15px;
  }
  .catalog-block h3 {
    font-size: 24px;
  }
  .catalog-card-body__text p {
    font-size: 12px;
  }
  .catalog-block-link-text__title {
    font-size: 16px;
  }
  .catalog-block-link-text__info {
    font-size: 14px;
  }
  .catalog-block-link-consult .catalog-block-link-consult__info {
    font-size: 14px;
  }
  .catalog-block-link-consult__title {
    font-size: 16px;
  }
  .calculator {
    margin-top: 40px;
  }
  .calculator-wrapper h2 {
    font-size: 28px;
  }
  .calculator-advantages-card p {
    font-size: 14px;
  }
  .calculator-form .button.--blue {
    font-size: 12px;
  }
  .services {
    margin-top: 40px;
  }
  .services-title-block h2 {
    font-size: 28px;
  }
  .services-card__title {
    font-size: 18px;
  }
  .services-card__text {
    font-size: 14px;
  }
  .services-card__list ul li {
    font-size: 14px;
  }
  .services-card__date {
    font-size: 12px;
  }
  .services-card-top {
    font-size: 10px;
  }
  .services-bottom-block__info-title {
    font-size: 18px;
  }
  .services-bottom-block__info-text {
    font-size: 14px;
  }
  .services-bottom-card__text {
    font-size: 14px;
  }
  .services-bottom-buttons p {
    font-size: 14px;
  }
  .certificates {
    margin-top: 40px;
  }
  .certificates-title {
    font-size: 28px;
  }
  .certificates-text {
    font-size: 18px;
  }
  .certificates-card-top__info-title {
    font-size: 18px;
  }
  .certificates-card-top__info-text {
    font-size: 14px;
  }
  .packet-info__text p {
    font-size: 14px;
  }
  .packet-info__text-title {
    font-size: 18px;
  }
  .packet-button p {
    font-size: 14px;
  }
  .packet-button .button {
    font-size: 14px;
  }
  .production {
    margin-top: 40px;
  }
  .production-title h2 {
    font-size: 28px;
  }
  .production-title p {
    font-size: 18px;
  }
  .production-card__title {
    font-size: 18px;
  }
  .production-card__list {
    font-size: 14px;
  }
  .production-info-card__info h5 {
    font-size: 18px;
  }
  .production-info-card__info p {
    font-size: 14px;
  }
  .production-bottom-info-text h6 {
    font-size: 18px;
  }
  .production-bottom-info-text p {
    font-size: 15px;
  }
  .work {
    margin-top: 40px;
  }
  .work-title {
    font-size: 28px;
  }
  .work-subtitle h5 {
    font-size: 20px;
  }
  .work-subtitle p {
    font-size: 16px;
  }
  .work-card__title {
    font-size: 18px;
  }
  .work-card ul li {
    font-size: 14px;
  }
  .work-card-type {
    font-size: 10px;
  }
  .work-info p {
    font-size: 16px;
  }
  .work .services-bottom-card p {
    font-size: 12px;
  }
  .work .button {
    font-size: 14px;
  }
  .review {
    margin-top: 40px;
  }
  .review-title h2 {
    font-size: 28px;
  }
  .review-title p {
    font-size: 18px;
  }
  .review-title-info p {
    font-size: 18px;
  }
  .review-bottom-info__text h4 {
    font-size: 18px;
  }
  .review-bottom-info__text p {
    font-size: 16px;
  }
  .review-bottom-info__text ul li {
    font-size: 14px;
  }
  .review-bottom-button p {
    font-size: 14px;
  }
  .news {
    margin-top: 40px;
  }
  .news-title h2 {
    font-size: 28px;
  }
  .news-title p {
    font-size: 18px;
  }
  .news-title ul li {
    font-size: 12px;
  }
  .news-link {
    font-size: 14px;
  }
  .news-card__title {
    font-size: 18px;
  }
  .news-card__text {
    font-size: 14px;
  }
  .news-bottom-block .button {
    font-size: 12px;
  }
  nav[aria-label=breadcrumb] ol li {
    font-size: 14px;
  }
  .hero-contact-info__subtitle {
    font-size: 22px;
  }
  .hero-contact-info__text {
    font-size: 18px;
  }
  .hero-contact-info-card__text h4 {
    font-size: 18px;
  }
  .hero-contact-info-card__text p {
    font-size: 14px;
  }
  .form-contact-hero h2 {
    font-size: 24px;
  }
  .form-contact-hero .checkbox__text {
    font-size: 13px;
  }
  .form-contact-hero .button {
    font-size: 12px;
  }
  .contact-why h2 {
    font-size: 28px;
  }
  .contact-why-card__text h4 {
    font-size: 14px;
  }
  .contact-why-card__text p {
    font-size: 14px;
  }
  .contact-trust h2 {
    font-size: 28px;
  }
  .contact-trust h3 {
    font-size: 24px;
  }
  .contact-trust-card-top__title strong {
    font-size: 24px;
  }
  .contact-trust-card-top__title strong span {
    font-size: 18px;
  }
  .contact-trust-card-top__title p {
    font-size: 14px;
  }
  .contact-example-card__title {
    font-size: 14px;
  }
  .contact-example-card__text {
    font-size: 16px;
  }
  .why-contact-info h2 {
    font-size: 24px;
  }
  .why-contact-messenger h3 {
    font-size: 18px;
  }
  .why-contact-address h3 {
    font-size: 18px;
  }
  .why-contact-address .why-contact-address-block strong {
    font-size: 16px;
  }
  .why-contact-address .why-contact-address-block span {
    font-size: 14px;
  }
  .details {
    margin-top: 30px;
  }
  .details-wrapper .spollers__title h2 {
    font-size: 24px;
  }
  .details-wrapper .spollers__title p {
    font-size: 14px;
  }
  .details-wrapper .details-content ul li {
    font-size: 14px;
  }
  .fasteners {
    margin-top: 30px;
  }
  .fasteners-wrapper h2 {
    font-size: 28px;
  }
  .fasteners-wrapper p {
    font-size: 14px;
  }
  .fasteners-info .button {
    font-size: 12px;
  }
  .hero__advantages .hero-advantages-card p {
    font-size: 14px;
  }
  .catalog-advantages {
    margin-top: 30px;
  }
  .catalog-advantages-card__info h3 {
    font-size: 18px;
  }
  .catalog-advantages-card__info p {
    font-size: 14px;
  }
  .category {
    margin-top: 30px;
  }
  .category-wrapper h2 {
    font-size: 28px;
  }
  .category-card-body h3 {
    font-size: 16px;
  }
  .category-card-body p {
    font-size: 14px;
  }
  .category-card-body__price {
    font-size: 14px;
  }
  .category-card-body__buttons .button.--main-color {
    font-size: 13px;
  }
  .catalog-why {
    margin-top: 30px;
  }
  .catalog-why-wrapper h2 {
    font-size: 28px;
  }
  .catalog-why-card__info h4 {
    font-size: 27px;
  }
  .catalog-why-card__info p {
    font-size: 14px;
  }
  .catalog-why-preview-card-badge {
    font-size: 10px;
  }
  .catalog-need {
    margin-top: 80px;
  }
  .catalog-need-wrapper h2 {
    font-size: 28px;
  }
  .catalog-need-button .button.--orange {
    font-size: 14px;
  }
  .catalog-need-bottom p {
    font-size: 16px;
  }
  .hero.--light-dark .hero__text-separator {
    font-size: 16px;
  }
  .hero.--light-dark .hero__about {
    font-size: 20px;
  }
  .comparison .comparison-wrapper h2 {
    font-size: 28px;
  }
  .comparison .comparison__table thead th {
    font-size: 16px;
  }
  .comparison .comparison__table tbody td {
    font-size: 14px;
  }
  .completed-projects {
    margin-top: 50px;
  }
  .completed-projects h2 {
    font-size: 28px;
  }
  .completed-projects-card-body__top-tile strong {
    font-size: 16px;
  }
  .completed-projects-card-body__top-tile span {
    font-size: 14px;
  }
  .completed-projects-card-link {
    font-size: 14px;
  }
  .how-work {
    margin-top: 50px;
  }
  .--section-title {
    font-size: 28px;
  }
  .how-work-card__text {
    font-size: 16px;
  }
  .faq {
    margin-top: 50px;
  }
  .faq-wrapper .spollers__title {
    font-size: 18px;
  }
  .faq-wrapper .spollers__body {
    font-size: 16px;
  }
  .needed {
    margin-top: 50px;
  }
  .needed h2 {
    font-size: 28px;
  }
  .needed h3 {
    font-size: 22px;
  }
  .needed p {
    font-size: 16px;
  }
  .needed-block-text {
    font-size: 16px;
  }
  .needed-block-text-separator-block {
    font-size: 16px;
  }
  .products {
    margin-top: 50px;
  }
  .products__sidebar .spollers__title {
    font-size: 14px;
  }
  .products-found-cout {
    font-size: 14px;
  }
  .products__header-sort > span {
    font-size: 16px;
  }
  .products__header-filter-block > span {
    font-size: 16px;
  }
  .products-card .products-card-body__title {
    font-size: 20px;
  }
  .products-card .products-card-body-price.--not-list {
    font-size: 18px;
  }
  .ankernye-bloki-page .hero__text-paragraph {
    font-size: 16px;
  }
  .ankernye-bloki-page .button.--border {
    font-size: 14px;
  }
  .ankernye-bloki-page .button.--border {
    font-size: 14px;
  }
  .receive-info p {
    font-size: 14px;
  }
  .receive-info ul li {
    font-size: 14px;
  }
  .products-card-modal__title {
    font-size: 20px;
  }
  .products-card-modal__text {
    font-size: 14px;
  }
  .products-card-modal .form-downloaded-block p {
    font-size: 16px;
  }
  p.form-downloaded-block {
    font-size: 10px;
  }
  .variation-wrapper > p {
    font-size: 16px;
  }
  .typesetting {
    margin-top: 50px;
  }
  .typesetting-info p {
    font-size: 16px;
  }
  .typesetting-info ul li {
    font-size: 16px;
  }
  .calculation-block p {
    font-size: 16px;
  }
  .calculation-step {
    font-size: 22px;
  }
  .calculation-help p {
    font-size: 16px;
  }
  .calculation-help-card__info strong {
    font-size: 22px;
  }
  .calculation-help-card__info span {
    font-size: 16px;
  }
  .looking-wrapper-block-info strong {
    font-size: 22px;
  }
  .looking-wrapper-block-info p {
    font-size: 14px;
  }
  .price-table th {
    font-size: 18px;
  }
  .approximate-bottom p {
    font-size: 14px;
  }
  .technical-block-top ul li {
    font-size: 18px;
  }
  .technical-block-bottom ul:nth-child(1) {
    font-size: 14px;
  }
  .technical-block-bottom ul:nth-child(2) {
    font-size: 14px;
  }
  .calculation-help.--grid .calculation-help-card__image strong {
    font-size: 16px;
  }
  .calculation-help.--grid .calculation-help-card__info span {
    font-size: 14px;
  }
  .calculation-help.--grid .calculation-help-card__info ul li {
    font-size: 12px;
  }
  .capabilities-block {
    font-size: 16px;
  }
  .capabilities-text {
    font-size: 12px;
  }
  .gussets-card__text {
    font-size: 16px;
  }
  .flange .flange-title-block p {
    font-size: 14px;
  }
  .purposes-card-info__title {
    font-size: 18px;
  }
  .purposes-card-info__text {
    font-size: 14px;
  }
  .threaded-card-top-info span {
    font-size: 14px;
  }
  .threaded-card-top-info strong {
    font-size: 18px;
  }
  .threaded-card-body ul li {
    font-size: 14px;
  }
}@media (max-width: 992px) and (width >= 97.5em){
  .review-bottom-button .button {
    font-size: 16px;
  }
}@media (width >= 23.4375em) and (width < 97.5em){
  .header-top-phone {
    font-size: clamp( 16px , 14.1012658228px  +  0.5063291139vw , 22px );
  }
  .footer {
    margin-top: clamp( 80px , 67.3417721519px  +  3.3755274262vw , 120px );
  }
  .footer-contacts__phone-text {
    font-size: clamp( 18px , 16.1012658228px  +  0.5063291139vw , 24px );
  }
  .footer-actions__help .button, .footer-actions__catalog .button {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .footer-cta__buttons .button {
    font-size: clamp( 12px , 10.7341772152px  +  0.3375527426vw , 16px );
  }
  .popup-content-form h3 {
    font-size: clamp( 20px , 18.1012658228px  +  0.5063291139vw , 26px );
  }
  .hero__title {
    font-size: clamp( 36px , 32.2025316456px  +  1.0126582278vw , 48px );
  }
  .hero__text {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .hero .button {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .solutions {
    margin-top: clamp( 40px , 27.3417721519px  +  3.3755274262vw , 80px );
  }
  .solutions h2 {
    font-size: clamp( 28px , 25.4683544304px  +  0.6751054852vw , 36px );
  }
  .solutions-card-info__title {
    font-size: clamp( 18px , 16.7341772152px  +  0.3375527426vw , 22px );
  }
  .solutions-card-info__text {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .results {
    margin-top: clamp( 40px , 27.3417721519px  +  3.3755274262vw , 80px );
  }
  .results-wrapper h3 {
    font-size: clamp( 24px , 23.3670886076px  +  0.1687763713vw , 26px );
  }
  .results-card__title {
    font-size: clamp( 20px , 19.3670886076px  +  0.1687763713vw , 22px );
  }
  .results-card__subtitle {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .results-card__text {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .industry {
    margin-top: clamp( 40px , 27.3417721519px  +  3.3755274262vw , 80px );
  }
  .industry-wrapper h3 {
    font-size: clamp( 24px , 23.3670886076px  +  0.1687763713vw , 26px );
  }
  .industry-card__title {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .industry-card__title-count {
    font-size: clamp( 18px , 16.7341772152px  +  0.3375527426vw , 22px );
  }
  .industry-card__subtitle {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .industry-card__object p {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .industry-card__result {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .foundation {
    margin-top: clamp( 40px , 27.3417721519px  +  3.3755274262vw , 80px );
  }
  .foundation-title-block h2 {
    font-size: clamp( 28px , 25.4683544304px  +  0.6751054852vw , 36px );
  }
  .catalog {
    margin-top: clamp( 40px , 27.3417721519px  +  3.3755274262vw , 80px );
  }
  .catalog-solution h2 {
    font-size: clamp( 28px , 25.4683544304px  +  0.6751054852vw , 36px );
  }
  .catalog-solution p {
    font-size: clamp( 15px , 14.3670886076px  +  0.1687763713vw , 17px );
  }
  .catalog-block h3 {
    font-size: clamp( 24px , 23.3670886076px  +  0.1687763713vw , 26px );
  }
  .catalog-card-body__text p {
    font-size: clamp( 12px , 11.3670886076px  +  0.1687763713vw , 14px );
  }
  .catalog-block-link-text__title {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .catalog-block-link-text__info {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .catalog-block-link-consult .catalog-block-link-consult__info {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .catalog-block-link-consult__title {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .calculator {
    margin-top: clamp( 40px , 27.3417721519px  +  3.3755274262vw , 80px );
  }
  .calculator-wrapper h2 {
    font-size: clamp( 28px , 25.4683544304px  +  0.6751054852vw , 36px );
  }
  .calculator-advantages-card p {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .calculator-form .button.--blue {
    font-size: clamp( 12px , 10.7341772152px  +  0.3375527426vw , 16px );
  }
  .services {
    margin-top: clamp( 40px , 27.3417721519px  +  3.3755274262vw , 80px );
  }
  .services-title-block h2 {
    font-size: clamp( 28px , 25.4683544304px  +  0.6751054852vw , 36px );
  }
  .services-card__title {
    font-size: clamp( 18px , 17.3670886076px  +  0.1687763713vw , 20px );
  }
  .services-card__text {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .services-card__list ul li {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .services-card__date {
    font-size: clamp( 12px , 11.3670886076px  +  0.1687763713vw , 14px );
  }
  .services-card-top {
    font-size: clamp( 10px , 9.3670886076px  +  0.1687763713vw , 12px );
  }
  .services-bottom-block__info-title {
    font-size: clamp( 18px , 17.3670886076px  +  0.1687763713vw , 20px );
  }
  .services-bottom-block__info-text {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .services-bottom-card__text {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .services-bottom-buttons p {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .certificates {
    margin-top: clamp( 40px , 27.3417721519px  +  3.3755274262vw , 80px );
  }
  .certificates-title {
    font-size: clamp( 28px , 25.4683544304px  +  0.6751054852vw , 36px );
  }
  .certificates-text {
    font-size: clamp( 18px , 16.7341772152px  +  0.3375527426vw , 22px );
  }
  .certificates-card-top__info-title {
    font-size: clamp( 18px , 17.3670886076px  +  0.1687763713vw , 20px );
  }
  .certificates-card-top__info-text {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .packet-info__text p {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .packet-info__text-title {
    font-size: clamp( 18px , 17.3670886076px  +  0.1687763713vw , 20px );
  }
  .packet-button p {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .packet-button .button {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .production {
    margin-top: clamp( 40px , 27.3417721519px  +  3.3755274262vw , 80px );
  }
  .production-title h2 {
    font-size: clamp( 28px , 25.4683544304px  +  0.6751054852vw , 36px );
  }
  .production-title p {
    font-size: clamp( 18px , 16.7341772152px  +  0.3375527426vw , 22px );
  }
  .production-card__title {
    font-size: clamp( 18px , 17.3670886076px  +  0.1687763713vw , 20px );
  }
  .production-card__list {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .production-info-card__info h5 {
    font-size: clamp( 18px , 17.3670886076px  +  0.1687763713vw , 20px );
  }
  .production-info-card__info p {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .production-bottom-info-text h6 {
    font-size: clamp( 18px , 16.7341772152px  +  0.3375527426vw , 22px );
  }
  .production-bottom-info-text p {
    font-size: clamp( 15px , 14.0506329114px  +  0.253164557vw , 18px );
  }
  .work {
    margin-top: clamp( 40px , 27.3417721519px  +  3.3755274262vw , 80px );
  }
  .work-title {
    font-size: clamp( 28px , 25.4683544304px  +  0.6751054852vw , 36px );
  }
  .work-subtitle h5 {
    font-size: clamp( 20px , 18.7341772152px  +  0.3375527426vw , 24px );
  }
  .work-subtitle p {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .work-card__title {
    font-size: clamp( 18px , 17.3670886076px  +  0.1687763713vw , 20px );
  }
  .work-card ul li {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .work-card-type {
    font-size: clamp( 10px , 9.3670886076px  +  0.1687763713vw , 12px );
  }
  .work-info p {
    font-size: clamp( 16px , 14.7341772152px  +  0.3375527426vw , 20px );
  }
  .work .services-bottom-card p {
    font-size: clamp( 12px , 11.3670886076px  +  0.1687763713vw , 14px );
  }
  .work .button {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .review {
    margin-top: clamp( 40px , 27.3417721519px  +  3.3755274262vw , 80px );
  }
  .review-title h2 {
    font-size: clamp( 28px , 25.4683544304px  +  0.6751054852vw , 36px );
  }
  .review-title p {
    font-size: clamp( 18px , 16.7341772152px  +  0.3375527426vw , 22px );
  }
  .review-title-info p {
    font-size: clamp( 18px , 17.3670886076px  +  0.1687763713vw , 20px );
  }
  .review-bottom-info__text h4 {
    font-size: clamp( 18px , 17.3670886076px  +  0.1687763713vw , 20px );
  }
  .review-bottom-info__text p {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .review-bottom-info__text ul li {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .review-bottom-button p {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .news {
    margin-top: clamp( 40px , 27.3417721519px  +  3.3755274262vw , 80px );
  }
  .news-title h2 {
    font-size: clamp( 28px , 25.4683544304px  +  0.6751054852vw , 36px );
  }
  .news-title p {
    font-size: clamp( 18px , 16.7341772152px  +  0.3375527426vw , 22px );
  }
  .news-title ul li {
    font-size: clamp( 12px , 11.3670886076px  +  0.1687763713vw , 14px );
  }
  .news-link {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .news-card__title {
    font-size: clamp( 18px , 17.3670886076px  +  0.1687763713vw , 20px );
  }
  .news-card__text {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .news-bottom-block .button {
    font-size: clamp( 12px , 10.7341772152px  +  0.3375527426vw , 16px );
  }
  nav[aria-label=breadcrumb] ol li {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .hero-contact-info__subtitle {
    font-size: clamp( 22px , 17.5696202532px  +  1.1814345992vw , 36px );
  }
  .hero-contact-info__text {
    font-size: clamp( 18px , 15.4683544304px  +  0.6751054852vw , 26px );
  }
  .hero-contact-info-card__text h4 {
    font-size: clamp( 18px , 17.3670886076px  +  0.1687763713vw , 20px );
  }
  .hero-contact-info-card__text p {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .form-contact-hero h2 {
    font-size: clamp( 24px , 23.3670886076px  +  0.1687763713vw , 26px );
  }
  .form-contact-hero .checkbox__text {
    font-size: clamp( 13px , 12.3670886076px  +  0.1687763713vw , 15px );
  }
  .form-contact-hero .button {
    font-size: clamp( 12px , 10.7341772152px  +  0.3375527426vw , 16px );
  }
  .contact-why h2 {
    font-size: clamp( 28px , 25.4683544304px  +  0.6751054852vw , 36px );
  }
  .contact-why-card__text h4 {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .contact-why-card__text p {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .contact-trust h2 {
    font-size: clamp( 28px , 25.4683544304px  +  0.6751054852vw , 36px );
  }
  .contact-trust h3 {
    font-size: clamp( 24px , 23.3670886076px  +  0.1687763713vw , 26px );
  }
  .contact-trust-card-top__title strong {
    font-size: clamp( 24px , 21.4683544304px  +  0.6751054852vw , 32px );
  }
  .contact-trust-card-top__title strong span {
    font-size: clamp( 18px , 16.7341772152px  +  0.3375527426vw , 22px );
  }
  .contact-trust-card-top__title p {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .contact-example-card__title {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .contact-example-card__text {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .why-contact-info h2 {
    font-size: clamp( 24px , 23.3670886076px  +  0.1687763713vw , 26px );
  }
  .why-contact-messenger h3 {
    font-size: clamp( 18px , 17.3670886076px  +  0.1687763713vw , 20px );
  }
  .why-contact-address h3 {
    font-size: clamp( 18px , 17.3670886076px  +  0.1687763713vw , 20px );
  }
  .why-contact-address .why-contact-address-block strong {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .why-contact-address .why-contact-address-block span {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .details {
    margin-top: clamp( 30px , 23.6708860759px  +  1.6877637131vw , 50px );
  }
  .details-wrapper .spollers__title h2 {
    font-size: clamp( 24px , 20.2025316456px  +  1.0126582278vw , 36px );
  }
  .details-wrapper .spollers__title p {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .details-wrapper .details-content ul li {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .fasteners {
    margin-top: clamp( 30px , 23.6708860759px  +  1.6877637131vw , 50px );
  }
  .fasteners-wrapper h2 {
    font-size: clamp( 28px , 25.4683544304px  +  0.6751054852vw , 36px );
  }
  .fasteners-wrapper p {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .fasteners-info .button {
    font-size: clamp( 12px , 10.7341772152px  +  0.3375527426vw , 16px );
  }
  .hero__advantages .hero-advantages-card p {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .catalog-advantages {
    margin-top: clamp( 30px , 14.1772151899px  +  4.2194092827vw , 80px );
  }
  .catalog-advantages-card__info h3 {
    font-size: clamp( 18px , 16.7341772152px  +  0.3375527426vw , 22px );
  }
  .catalog-advantages-card__info p {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .category {
    margin-top: clamp( 30px , 14.1772151899px  +  4.2194092827vw , 80px );
  }
  .category-wrapper h2 {
    font-size: clamp( 28px , 25.4683544304px  +  0.6751054852vw , 36px );
  }
  .category-card-body h3 {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .category-card-body p {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .category-card-body__price {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .category-card-body__buttons .button.--main-color {
    font-size: clamp( 13px , 12.0506329114px  +  0.253164557vw , 16px );
  }
  .catalog-why {
    margin-top: clamp( 30px , 14.1772151899px  +  4.2194092827vw , 80px );
  }
  .catalog-why-wrapper h2 {
    font-size: clamp( 28px , 25.4683544304px  +  0.6751054852vw , 36px );
  }
  .catalog-why-card__info h4 {
    font-size: clamp( 27px , 25.417721519px  +  0.4219409283vw , 32px );
  }
  .catalog-why-card__info p {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .catalog-why-preview-card-badge {
    font-size: clamp( 10px , 9.3670886076px  +  0.1687763713vw , 12px );
  }
  .catalog-need {
    margin-top: clamp( 80px , 73.6708860759px  +  1.6877637131vw , 100px );
  }
  .catalog-need-wrapper h2 {
    font-size: clamp( 28px , 25.4683544304px  +  0.6751054852vw , 36px );
  }
  .catalog-need-button .button.--orange {
    font-size: clamp( 14px , 5.7721518987px  +  2.194092827vw , 40px );
  }
  .catalog-need-bottom p {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .hero.--light-dark .hero__text-separator {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .hero.--light-dark .hero__about {
    font-size: clamp( 20px , 18.1012658228px  +  0.5063291139vw , 26px );
  }
  .comparison .comparison-wrapper h2 {
    font-size: clamp( 28px , 25.4683544304px  +  0.6751054852vw , 36px );
  }
  .comparison .comparison__table thead th {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .comparison .comparison__table tbody td {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .completed-projects {
    margin-top: clamp( 50px , 40.5063291139px  +  2.5316455696vw , 80px );
  }
  .completed-projects h2 {
    font-size: clamp( 28px , 25.4683544304px  +  0.6751054852vw , 36px );
  }
  .completed-projects-card-body__top-tile strong {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .completed-projects-card-body__top-tile span {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .completed-projects-card-link {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .how-work {
    margin-top: clamp( 50px , 34.1772151899px  +  4.2194092827vw , 100px );
  }
  .--section-title {
    font-size: clamp( 28px , 25.4683544304px  +  0.6751054852vw , 36px );
  }
  .how-work-card__text {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .faq {
    margin-top: clamp( 50px , 34.1772151899px  +  4.2194092827vw , 100px );
  }
  .faq-wrapper .spollers__title {
    font-size: clamp( 18px , 16.7341772152px  +  0.3375527426vw , 22px );
  }
  .faq-wrapper .spollers__body {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .needed {
    margin-top: clamp( 50px , 34.1772151899px  +  4.2194092827vw , 100px );
  }
  .needed h2 {
    font-size: clamp( 28px , 23.5696202532px  +  1.1814345992vw , 42px );
  }
  .needed h3 {
    font-size: clamp( 22px , 18.835443038px  +  0.8438818565vw , 32px );
  }
  .needed p {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .needed-block-text {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .needed-block-text-separator-block {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .products {
    margin-top: clamp( 50px , 34.1772151899px  +  4.2194092827vw , 100px );
  }
  .products__sidebar .spollers__title {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .products-found-cout {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .products__header-sort > span {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .products__header-filter-block > span {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .products-card .products-card-body__title {
    font-size: clamp( 20px , 18.7341772152px  +  0.3375527426vw , 24px );
  }
  .products-card .products-card-body-price.--not-list {
    font-size: clamp( 18px , 16.7341772152px  +  0.3375527426vw , 22px );
  }
  .ankernye-bloki-page .hero__text-paragraph {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .ankernye-bloki-page .button.--border {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .ankernye-bloki-page .button.--border {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .receive-info p {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .receive-info ul li {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .products-card-modal__title {
    font-size: clamp( 20px , 18.1012658228px  +  0.5063291139vw , 26px );
  }
  .products-card-modal__text {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .products-card-modal .form-downloaded-block p {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  p.form-downloaded-block {
    font-size: clamp( 10px , 9.3670886076px  +  0.1687763713vw , 12px );
  }
  .variation-wrapper > p {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .typesetting {
    margin-top: clamp( 50px , 34.1772151899px  +  4.2194092827vw , 100px );
  }
  .typesetting-info p {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .typesetting-info ul li {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .calculation-block p {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .calculation-step {
    font-size: clamp( 22px , 18.835443038px  +  0.8438818565vw , 32px );
  }
  .calculation-help p {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .calculation-help-card__info strong {
    font-size: clamp( 22px , 18.835443038px  +  0.8438818565vw , 32px );
  }
  .calculation-help-card__info span {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .looking-wrapper-block-info strong {
    font-size: clamp( 22px , 20.7341772152px  +  0.3375527426vw , 26px );
  }
  .looking-wrapper-block-info p {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .price-table th {
    font-size: clamp( 18px , 16.7341772152px  +  0.3375527426vw , 22px );
  }
  .approximate-bottom p {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .technical-block-top ul li {
    font-size: clamp( 18px , 16.7341772152px  +  0.3375527426vw , 22px );
  }
  .technical-block-bottom ul:nth-child(1) {
    font-size: clamp( 14px , 12.1012658228px  +  0.5063291139vw , 20px );
  }
  .technical-block-bottom ul:nth-child(2) {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .calculation-help.--grid .calculation-help-card__image strong {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .calculation-help.--grid .calculation-help-card__info span {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .calculation-help.--grid .calculation-help-card__info ul li {
    font-size: clamp( 12px , 11.3670886076px  +  0.1687763713vw , 14px );
  }
  .capabilities-block {
    font-size: clamp( 16px , 14.1012658228px  +  0.5063291139vw , 22px );
  }
  .capabilities-text {
    font-size: clamp( 12px , 10.7341772152px  +  0.3375527426vw , 16px );
  }
  .gussets-card__text {
    font-size: clamp( 16px , 15.3670886076px  +  0.1687763713vw , 18px );
  }
  .flange .flange-title-block p {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .purposes-card-info__title {
    font-size: clamp( 18px , 16.7341772152px  +  0.3375527426vw , 22px );
  }
  .purposes-card-info__text {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .threaded-card-top-info span {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
  .threaded-card-top-info strong {
    font-size: clamp( 18px , 16.7341772152px  +  0.3375527426vw , 22px );
  }
  .threaded-card-body ul li {
    font-size: clamp( 14px , 13.3670886076px  +  0.1687763713vw , 16px );
  }
}@media (width >= 48em) and (width < 68.75em){
  .needed-block-buttons .button {
    font-size: clamp( 20px , -7.7590361446px  +  3.6144578313vw , 32px );
  }
}@media (width >= 62em) and (width < 81.25em){
  .how-work-card__image img {
    height: clamp( 80px , -145.4545454545px  +  22.7272727273vw , 150px );
  }
  .how-work-card:last-child .how-work-card__image img {
    height: clamp( 70px , -26.6233766234px  +  9.7402597403vw , 100px );
  }
}@media (max-width: 992px) and (width >= 23.4375em) and (width < 97.5em){
  .review-bottom-button .button {
    font-size: clamp( 12px , 10.7341772152px  +  0.3375527426vw , 16px );
  }
}@media (width >= 62.5em) and (width < 93.75em){
  .receive-wrapper {
    gap: clamp( 20px , -440px  +  46vw , 250px );
  }
}@media (width >= 68.75em){
  .needed-block-buttons .button {
    font-size: 32px;
  }
}@media (width >= 81.25em){
  .how-work-card__image img {
    height: 150px;
  }
  .how-work-card:last-child .how-work-card__image img {
    height: 100px;
  }
}@media (width >= 93.75em){
  .receive-wrapper {
    gap: 250px;
  }
}@media (width >= 97.5em){
  .header-top-phone {
    font-size: 22px;
  }
  .footer {
    margin-top: 120px;
  }
  .footer-contacts__phone-text {
    font-size: 24px;
  }
  .footer-actions__help .button, .footer-actions__catalog .button {
    font-size: 16px;
  }
  .footer-cta__buttons .button {
    font-size: 16px;
  }
  .popup-content-form h3 {
    font-size: 26px;
  }
  .hero__title {
    font-size: 48px;
  }
  .hero__text {
    font-size: 18px;
  }
  .hero .button {
    font-size: 16px;
  }
  .solutions {
    margin-top: 80px;
  }
  .solutions h2 {
    font-size: 36px;
  }
  .solutions-card-info__title {
    font-size: 22px;
  }
  .solutions-card-info__text {
    font-size: 16px;
  }
  .results {
    margin-top: 80px;
  }
  .results-wrapper h3 {
    font-size: 26px;
  }
  .results-card__title {
    font-size: 22px;
  }
  .results-card__subtitle {
    font-size: 18px;
  }
  .results-card__text {
    font-size: 16px;
  }
  .industry {
    margin-top: 80px;
  }
  .industry-wrapper h3 {
    font-size: 26px;
  }
  .industry-card__title {
    font-size: 18px;
  }
  .industry-card__title-count {
    font-size: 22px;
  }
  .industry-card__subtitle {
    font-size: 18px;
  }
  .industry-card__object p {
    font-size: 16px;
  }
  .industry-card__result {
    font-size: 16px;
  }
  .foundation {
    margin-top: 80px;
  }
  .foundation-title-block h2 {
    font-size: 36px;
  }
  .catalog {
    margin-top: 80px;
  }
  .catalog-solution h2 {
    font-size: 36px;
  }
  .catalog-solution p {
    font-size: 17px;
  }
  .catalog-block h3 {
    font-size: 26px;
  }
  .catalog-card-body__text p {
    font-size: 14px;
  }
  .catalog-block-link-text__title {
    font-size: 18px;
  }
  .catalog-block-link-text__info {
    font-size: 16px;
  }
  .catalog-block-link-consult .catalog-block-link-consult__info {
    font-size: 16px;
  }
  .catalog-block-link-consult__title {
    font-size: 18px;
  }
  .calculator {
    margin-top: 80px;
  }
  .calculator-wrapper h2 {
    font-size: 36px;
  }
  .calculator-advantages-card p {
    font-size: 16px;
  }
  .calculator-form .button.--blue {
    font-size: 16px;
  }
  .services {
    margin-top: 80px;
  }
  .services-title-block h2 {
    font-size: 36px;
  }
  .services-card__title {
    font-size: 20px;
  }
  .services-card__text {
    font-size: 16px;
  }
  .services-card__list ul li {
    font-size: 16px;
  }
  .services-card__date {
    font-size: 14px;
  }
  .services-card-top {
    font-size: 12px;
  }
  .services-bottom-block__info-title {
    font-size: 20px;
  }
  .services-bottom-block__info-text {
    font-size: 16px;
  }
  .services-bottom-card__text {
    font-size: 16px;
  }
  .services-bottom-buttons p {
    font-size: 16px;
  }
  .certificates {
    margin-top: 80px;
  }
  .certificates-title {
    font-size: 36px;
  }
  .certificates-text {
    font-size: 22px;
  }
  .certificates-card-top__info-title {
    font-size: 20px;
  }
  .certificates-card-top__info-text {
    font-size: 16px;
  }
  .packet-info__text p {
    font-size: 16px;
  }
  .packet-info__text-title {
    font-size: 20px;
  }
  .packet-button p {
    font-size: 16px;
  }
  .packet-button .button {
    font-size: 16px;
  }
  .production {
    margin-top: 80px;
  }
  .production-title h2 {
    font-size: 36px;
  }
  .production-title p {
    font-size: 22px;
  }
  .production-card__title {
    font-size: 20px;
  }
  .production-card__list {
    font-size: 16px;
  }
  .production-info-card__info h5 {
    font-size: 20px;
  }
  .production-info-card__info p {
    font-size: 16px;
  }
  .production-bottom-info-text h6 {
    font-size: 22px;
  }
  .production-bottom-info-text p {
    font-size: 18px;
  }
  .work {
    margin-top: 80px;
  }
  .work-title {
    font-size: 36px;
  }
  .work-subtitle h5 {
    font-size: 24px;
  }
  .work-subtitle p {
    font-size: 18px;
  }
  .work-card__title {
    font-size: 20px;
  }
  .work-card ul li {
    font-size: 16px;
  }
  .work-card-type {
    font-size: 12px;
  }
  .work-info p {
    font-size: 20px;
  }
  .work .services-bottom-card p {
    font-size: 14px;
  }
  .work .button {
    font-size: 16px;
  }
  .review {
    margin-top: 80px;
  }
  .review-title h2 {
    font-size: 36px;
  }
  .review-title p {
    font-size: 22px;
  }
  .review-title-info p {
    font-size: 20px;
  }
  .review-bottom-info__text h4 {
    font-size: 20px;
  }
  .review-bottom-info__text p {
    font-size: 18px;
  }
  .review-bottom-info__text ul li {
    font-size: 16px;
  }
  .review-bottom-button p {
    font-size: 16px;
  }
  .news {
    margin-top: 80px;
  }
  .news-title h2 {
    font-size: 36px;
  }
  .news-title p {
    font-size: 22px;
  }
  .news-title ul li {
    font-size: 14px;
  }
  .news-link {
    font-size: 16px;
  }
  .news-card__title {
    font-size: 20px;
  }
  .news-card__text {
    font-size: 16px;
  }
  .news-bottom-block .button {
    font-size: 16px;
  }
  nav[aria-label=breadcrumb] ol li {
    font-size: 16px;
  }
  .hero-contact-info__subtitle {
    font-size: 36px;
  }
  .hero-contact-info__text {
    font-size: 26px;
  }
  .hero-contact-info-card__text h4 {
    font-size: 20px;
  }
  .hero-contact-info-card__text p {
    font-size: 16px;
  }
  .form-contact-hero h2 {
    font-size: 26px;
  }
  .form-contact-hero .checkbox__text {
    font-size: 15px;
  }
  .form-contact-hero .button {
    font-size: 16px;
  }
  .contact-why h2 {
    font-size: 36px;
  }
  .contact-why-card__text h4 {
    font-size: 16px;
  }
  .contact-why-card__text p {
    font-size: 16px;
  }
  .contact-trust h2 {
    font-size: 36px;
  }
  .contact-trust h3 {
    font-size: 26px;
  }
  .contact-trust-card-top__title strong {
    font-size: 32px;
  }
  .contact-trust-card-top__title strong span {
    font-size: 22px;
  }
  .contact-trust-card-top__title p {
    font-size: 16px;
  }
  .contact-example-card__title {
    font-size: 16px;
  }
  .contact-example-card__text {
    font-size: 18px;
  }
  .why-contact-info h2 {
    font-size: 26px;
  }
  .why-contact-messenger h3 {
    font-size: 20px;
  }
  .why-contact-address h3 {
    font-size: 20px;
  }
  .why-contact-address .why-contact-address-block strong {
    font-size: 18px;
  }
  .why-contact-address .why-contact-address-block span {
    font-size: 16px;
  }
  .details {
    margin-top: 50px;
  }
  .details-wrapper .spollers__title h2 {
    font-size: 36px;
  }
  .details-wrapper .spollers__title p {
    font-size: 16px;
  }
  .details-wrapper .details-content ul li {
    font-size: 16px;
  }
  .fasteners {
    margin-top: 50px;
  }
  .fasteners-wrapper h2 {
    font-size: 36px;
  }
  .fasteners-wrapper p {
    font-size: 16px;
  }
  .fasteners-info .button {
    font-size: 16px;
  }
  .hero__advantages .hero-advantages-card p {
    font-size: 16px;
  }
  .catalog-advantages {
    margin-top: 80px;
  }
  .catalog-advantages-card__info h3 {
    font-size: 22px;
  }
  .catalog-advantages-card__info p {
    font-size: 16px;
  }
  .category {
    margin-top: 80px;
  }
  .category-wrapper h2 {
    font-size: 36px;
  }
  .category-card-body h3 {
    font-size: 18px;
  }
  .category-card-body p {
    font-size: 16px;
  }
  .category-card-body__price {
    font-size: 16px;
  }
  .category-card-body__buttons .button.--main-color {
    font-size: 16px;
  }
  .catalog-why {
    margin-top: 80px;
  }
  .catalog-why-wrapper h2 {
    font-size: 36px;
  }
  .catalog-why-card__info h4 {
    font-size: 32px;
  }
  .catalog-why-card__info p {
    font-size: 16px;
  }
  .catalog-why-preview-card-badge {
    font-size: 12px;
  }
  .catalog-need {
    margin-top: 100px;
  }
  .catalog-need-wrapper h2 {
    font-size: 36px;
  }
  .catalog-need-button .button.--orange {
    font-size: 40px;
  }
  .catalog-need-bottom p {
    font-size: 18px;
  }
  .hero.--light-dark .hero__text-separator {
    font-size: 18px;
  }
  .hero.--light-dark .hero__about {
    font-size: 26px;
  }
  .comparison .comparison-wrapper h2 {
    font-size: 36px;
  }
  .comparison .comparison__table thead th {
    font-size: 18px;
  }
  .comparison .comparison__table tbody td {
    font-size: 16px;
  }
  .completed-projects {
    margin-top: 80px;
  }
  .completed-projects h2 {
    font-size: 36px;
  }
  .completed-projects-card-body__top-tile strong {
    font-size: 18px;
  }
  .completed-projects-card-body__top-tile span {
    font-size: 16px;
  }
  .completed-projects-card-link {
    font-size: 16px;
  }
  .how-work {
    margin-top: 100px;
  }
  .--section-title {
    font-size: 36px;
  }
  .how-work-card__text {
    font-size: 18px;
  }
  .faq {
    margin-top: 100px;
  }
  .faq-wrapper .spollers__title {
    font-size: 22px;
  }
  .faq-wrapper .spollers__body {
    font-size: 18px;
  }
  .needed {
    margin-top: 100px;
  }
  .needed h2 {
    font-size: 42px;
  }
  .needed h3 {
    font-size: 32px;
  }
  .needed p {
    font-size: 18px;
  }
  .needed-block-text {
    font-size: 18px;
  }
  .needed-block-text-separator-block {
    font-size: 18px;
  }
  .products {
    margin-top: 100px;
  }
  .products__sidebar .spollers__title {
    font-size: 16px;
  }
  .products-found-cout {
    font-size: 16px;
  }
  .products__header-sort > span {
    font-size: 18px;
  }
  .products__header-filter-block > span {
    font-size: 18px;
  }
  .products-card .products-card-body__title {
    font-size: 24px;
  }
  .products-card .products-card-body-price.--not-list {
    font-size: 22px;
  }
  .ankernye-bloki-page .hero__text-paragraph {
    font-size: 18px;
  }
  .ankernye-bloki-page .button.--border {
    font-size: 16px;
  }
  .ankernye-bloki-page .button.--border {
    font-size: 16px;
  }
  .receive-info p {
    font-size: 16px;
  }
  .receive-info ul li {
    font-size: 16px;
  }
  .products-card-modal__title {
    font-size: 26px;
  }
  .products-card-modal__text {
    font-size: 16px;
  }
  .products-card-modal .form-downloaded-block p {
    font-size: 18px;
  }
  p.form-downloaded-block {
    font-size: 12px;
  }
  .variation-wrapper > p {
    font-size: 18px;
  }
  .typesetting {
    margin-top: 100px;
  }
  .typesetting-info p {
    font-size: 18px;
  }
  .typesetting-info ul li {
    font-size: 18px;
  }
  .calculation-block p {
    font-size: 18px;
  }
  .calculation-step {
    font-size: 32px;
  }
  .calculation-help p {
    font-size: 18px;
  }
  .calculation-help-card__info strong {
    font-size: 32px;
  }
  .calculation-help-card__info span {
    font-size: 18px;
  }
  .looking-wrapper-block-info strong {
    font-size: 26px;
  }
  .looking-wrapper-block-info p {
    font-size: 16px;
  }
  .price-table th {
    font-size: 22px;
  }
  .approximate-bottom p {
    font-size: 16px;
  }
  .technical-block-top ul li {
    font-size: 22px;
  }
  .technical-block-bottom ul:nth-child(1) {
    font-size: 20px;
  }
  .technical-block-bottom ul:nth-child(2) {
    font-size: 16px;
  }
  .calculation-help.--grid .calculation-help-card__image strong {
    font-size: 18px;
  }
  .calculation-help.--grid .calculation-help-card__info span {
    font-size: 16px;
  }
  .calculation-help.--grid .calculation-help-card__info ul li {
    font-size: 14px;
  }
  .capabilities-block {
    font-size: 22px;
  }
  .capabilities-text {
    font-size: 16px;
  }
  .gussets-card__text {
    font-size: 18px;
  }
  .flange .flange-title-block p {
    font-size: 16px;
  }
  .purposes-card-info__title {
    font-size: 22px;
  }
  .purposes-card-info__text {
    font-size: 16px;
  }
  .threaded-card-top-info span {
    font-size: 16px;
  }
  .threaded-card-top-info strong {
    font-size: 22px;
  }
  .threaded-card-body ul li {
    font-size: 16px;
  }
}@media (any-hover: hover){
  .menu__item:hover .menu__link {
    color: #0088CC;
    border-bottom: 1px solid #0088CC;
  }
  .header-top-phone:hover {
    color: #006BA8;
  }
  .button.--blue:hover {
    background: #006BA8;
  }
  .header-bottom-menu ul li:hover .header-bottom-menu__links {
    color: #0088CC;
  }
  .header-bottom-mail:hover {
    color: #006BA8;
  }
  .footer-contacts__phone-text:hover {
    color: var(--main-accent);
  }
  .footer-requisites__link:hover {
    border-color: #FFF;
  }
  .hero .button:hover {
    background: var(--main-color);
    color: #FFF;
  }
  .hero .button:hover img {
    filter: brightness(0) invert(1);
  }
  .button.--light-blue:hover {
    background: #006BA8;
  }
  .button.--light-blue:hover img {
    filter: none;
  }
  .button.--main-color:hover {
    background: #0f355b;
  }
  .solutions-card:hover {
    border-color: var(--blue-hover);
  }
  .solutions-card:hover .solutions-card-info__title {
    color: var(--blue-hover);
  }
  .catalog-solution-button .button:hover {
    opacity: 0.8;
  }
  .catalog-link:hover iconify-icon {
    transform: translateX(5px);
  }
  .catalog-block-link:hover {
    opacity: 0.9;
  }
  .catalog-block-link-consult:hover {
    opacity: 0.9;
  }
  .button.--border-blue:hover {
    background: var(--main-accent);
    border-color: var(--main-accent);
    color: #FFF;
  }
  .services-bottom-buttons p a:hover {
    color: var(--main-accent);
    border-bottom: 1px solid var(--main-accent);
  }
  .work-card:hover {
    border-color: var(--main-accent);
  }
  .work-card:hover .work-card-type {
    background: var(--main-accent);
  }
  .news-bottom-block .button.--orange:hover {
    background: #e96332;
  }
  .form-contact-hero .checkbox__text a:hover {
    text-decoration: underline;
  }
  .why-contact-links .why-contact-links-block a:hover {
    color: var(--main-accent);
  }
  .why-contact-messenger ul li a:hover {
    opacity: 0.8;
  }
  .category-card-body .category-link:hover {
    color: var(--main-accent);
  }
  .category-card-body .category-link:hover iconify-icon {
    transform: translateX(5px);
  }
  .catalog-need-button .button.--orange:hover {
    background: #e96332;
  }
  .hero.--light-dark .button.--orange:hover {
    background: #e96332;
  }
  .hero.--light-dark .button.--orange:hover img {
    filter: none;
  }
  .completed-projects-card-link:hover {
    color: #00A878;
  }
  .needed-block-buttons .button.--orange:hover {
    background: #e96332;
  }
  .needed-block-buttons .button.--green:hover {
    background: #2E8B57;
  }
  .spollers-content .checkbox .checkbox__text:hover {
    color: var(--main-accent);
  }
  .header-sort-dropdown-list-block .options__text:hover {
    color: var(--main-accent);
  }
  .button.--border-red:hover {
    color: #FF851B;
    border-color: #FF851B;
  }
  .products__content-button .button.--grey:hover {
    background: #415161;
  }
  .ankernye-bloki-page .button.--border:hover {
    background: var(--main-accent);
    color: #FFF;
  }
  .ankernye-bloki-page .button.--border:hover {
    background: var(--main-accent);
    color: #FFF;
  }
  .receive-form-block .checkbox__text a:hover {
    border-bottom: 1px solid var(--text-grey);
  }
  .receive-form-block .button.--orange:hover {
    background: #e96332;
  }
  .products-card-modal .button:hover iconify-icon {
    transform: translateX(5px);
  }
  .approximate-button .button:hover {
    background: #e96332;
  }
}