@font-face {
  font-family: Manrope;
  font-display: swap;
  src: url("/templates/frear/fonts/Manrope-Bold.woff2") format("woff2"), url("/templates/frear/fonts/Manrope-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Manrope;
  font-display: swap;
  src: url("/templates/frear/fonts/Manrope-ExtraBold.woff2") format("woff2"), url("/templates/frear/fonts/Manrope-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: Manrope;
  font-display: swap;
  src: url("/templates/frear/fonts/Manrope-Regular.woff2") format("woff2"), url("/templates/frear/fonts/Manrope-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Manrope;
  font-display: swap;
  src: url("/templates/frear/fonts/Manrope-ExtraLight.woff2") format("woff2"), url("/templates/frear/fonts/Manrope-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: Manrope;
  font-display: swap;
  src: url("/templates/frear/fonts/Manrope-Light.woff2") format("woff2"), url("/templates/frear/fonts/Manrope-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: Manrope;
  font-display: swap;
  src: url("/templates/frear/fonts/Manrope-Medium.woff2") format("woff2"), url("/templates/frear/fonts/Manrope-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Manrope;
  font-display: swap;
  src: url("/templates/frear/fonts/Manrope-SemiBold.woff2") format("woff2"), url("/templates/frear/fonts/Manrope-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

/* ============================ CSS VARIABLES ============================ */
:root {
  --main-color-font: #423F4E;
  --accent-color: #F58A0C;
  --accent-color-hover: #FFAE02;
  --special-color: #1EB250;
  --special-color-hover: #229241;
  --grey: #72707A;
  --grey-2: #E6E6E6;
  --bg-color: #F8F8F8;
  --white: #FFFFFF;
}

/* ============================ GLOBAL STYLES ============================ */
* {
  padding: 0;
  margin: 0;
  border: 0;
}

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

body {
  color: var(--main-color-font);
  background-color: #fff;
  font-family: Manrope, Verdana, sans-serif;
  font-weight: 500;
  font-size: 16px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a, a:not([class]) {
  -webkit-transition: color .15s ease-in;
  -o-transition: color .15s ease-in;
  transition: color .15s ease-in;
  text-decoration: underline;
}

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

a, button {
  color: inherit;
}

button, input, textarea {
  font-family: Manrope;
  font-size: inherit;
}

button {
  cursor: pointer;
  background-color: inherit;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
  max-width: 100%;
}

/* ============================ UTILITY CLASSES ============================ */
.container {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  max-width: 1170px;
}

 

.row {
  --bs-gutter-x: 20px;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}

.row > * {
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: var(--bs-gutter-y);
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.d-none {
  display: none !important;
}

.on-mobile-phone {
  display: none;
}

.white {
  color: #fff;
}

.center {
  text-align: center;
}

/* Grid columns */
.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  -webkit-box-flex: 0;
}

.g-2, .gy-2 {
  --bs-gutter-y: 0.5rem;
}

@media (min-width: 768px) {
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  
  .col-md-6, .row-cols-md-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }
  
  .d-md-none {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .d-lg-block {
    display: block !important;
  }
  
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333333%;
  }
}

/* Typography */
.big-phone, .h1, .h2, .h3, .h4, .h5, .h6, .item-title, .main-btn, .sale-block__title, .section-title__link, a:not([class]), h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

.big-phone {
  display: block;
  font-size: 19px;
  line-height: 1.16;
  white-space: nowrap;
}

h2, .h2 {
  color: #231D17;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 50px;
}
h2.white, .h2.white {
  color: #fff;
}

/* Form elements */
.container form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-width: 100%;
  margin: 0 auto;
}

/* ============================ HEADER ============================ */
.header {
  margin-bottom: 20px;
}

.header.fixed {
  padding-bottom: 50px;
}

/* Top header */
.top-header {
  background-color: var(--bg-color);
}

.top-header__slogan {
  color: var(--grey);
  text-transform: uppercase;
  font-size: 9px;
  line-height: 14px;
  letter-spacing: 0.4px;
  font-weight: 700;
  padding: 5px 0;
}

.menu-top__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px 10px;
}

.menu-top__item {
  position: relative;
}

.menu-top__item:hover > .menu-top__icon-arrow {
  color: var(--accent-color);
}

.menu-top__item.selected .menu-top__icon-arrow {
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  transform: scale(-1);
}

.menu-top__item--accent {
  padding: 0;
}

.menu-top__item--accent .menu-top__link {
  background-color: var(--special-color);
  border-radius: 4px;
  color: var(--white);
  padding: 1px 10px;
  -webkit-transition: background-color 0.15s ease-in;
  -o-transition: background-color 0.15s ease-in;
  transition: background-color 0.15s ease-in;
}

.menu-top__item--accent .menu-top__link:hover {
  background-color: var(--special-color-hover);
}

.menu-top__link {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.8;
  letter-spacing: 0.4px;
}

.menu-top__icon-arrow {
  width: 19px;
  height: 17px;
  vertical-align: middle;
  padding: 5px;
  -webkit-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}

.menu-top__submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  background-color: var(--white);
  -webkit-box-shadow: 0px 4px 20px rgba(153, 153, 153, 0.5);
  box-shadow: 0px 4px 20px rgba(153, 153, 153, 0.5);
  border-radius: 0px 0px 4px 4px;
  padding: 20px 15px;
  min-width: 150px;
}

.menu-top__sublink {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 5px;
}

.menu-top__subitem.active:has(span) {
  color: var(--accent-color);
}

.menu-top__subitem a {
  color: #423F4E;
}

.menu-top__item.active > span {
  color: var(--accent-color);
}

.menu-top__item.active:has(.menu-top__subitem.active) {
  color: var(--accent-color);
}

.menu-top__sublink:last-child {
  margin-bottom: 0;
}

/* Body header */
.body-header {
  padding: 14px 0;
}

.body-header__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px 17px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.body-header__communications {
  text-align: end;
}

.body-header__email-link {
  margin: 5px 0;
}

.body-header__burger {
  display: block;
  position: relative;
  width: 35px;
  height: 22px;
  margin-left: auto;
  color: transparent;
  font-size: 0;
  cursor: pointer;
  z-index: 5;
}

.body-header__burger span,
.body-header__burger::after,
.body-header__burger::before {
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  left: 0;
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: var(--accent-color);
}

.body-header__burger::before {
  top: 0px;
}

.body-header__burger::after {
  bottom: 0px;
}

.body-header__burger span {
  top: calc(50% - 1px);
}

.logo-header__link {
  display: block;
  max-width: 198px;
}

.logo-header__img {
  height: auto;
}

.info-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px 96px;
  font-size: 14px;
  padding: 0 10px;
}

.info-header__time {
  color: var(--grey);
}

.info-header__location {
  max-width: 237px;
}

/* Bottom header */
.bottom-header {
  background-color: var(--accent-color);
}

.bottom-header__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.bottom-header__item {
  position: relative;
  padding: 14px 20px;
  color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 9px;
  -webkit-transition: background-color 0.15s ease-in;
  -o-transition: background-color 0.15s ease-in;
  transition: background-color 0.15s ease-in;
}

.bottom-header__item::before {
  content: "";
  display: block;
  height: 24px;
  width: 1px;
  background-color: #B04600;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

.bottom-header__item:last-child::after {
  content: "";
  display: block;
  height: 24px;
  width: 1px;
  background-color: #B04600;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}

.bottom-header__item:last-child:hover::after,
.bottom-header__item:last-child.active::after {
  display: none;
}

.bottom-header__item:last-child:hover > .bottom-header__submenu {
  left: auto;
  right: 0;
}

.bottom-header__link {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: 0.4px;
}

.bottom-header__icon {
  display: inline-block;
  width: 10px !important;
  height: 10px !important;
}

.bottom-header__submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  background-color: var(--white);
  -webkit-box-shadow: 0px 4px 20px rgba(153, 153, 153, 0.5);
  box-shadow: 0px 4px 20px rgba(153, 153, 153, 0.5);
  border-radius: 0px 0px 4px 4px;
  padding: 30px;
  min-width: 270px;
  color: var(--main-color-font);
  padding-right: 0;
}

.bottom-header__subitem {
  padding: 10px 0;
  border-bottom: 1px solid var(--bg-color-2);
}

.bottom-header__subitem:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.bottom-header__subitem.active .bottom-header__sublink {
  color: var(--special-color);
}

.bottom-header__sublink {
  font-size: 14px;
}

/* Submenu category */
.submenu-category {
  width: 1080px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (auto)[5];
  grid-template-columns: repeat(5, auto);
  -ms-grid-rows: (auto)[2];
  grid-template-rows: repeat(2, auto);
}

.submenu-category__item.active {
  color: var(--special-color);
  font-weight: 700;
}

.submenu-category__title {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 20px;
}

.submenu-category__link {
  display: inline-block;
  font-size: 14px;
  margin-bottom: 10px;
}

.submenu-category__item--manufacturer {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: 1/1/3/4;
}

.submenu-category__item--manufacturer .submenu-category__list {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 28px;
  -moz-column-gap: 28px;
  column-gap: 28px;
}

.submenu-category__item--amount {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-area: 1/4/2/5;
}

.submenu-category__item--amount .submenu-category__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 240px;
  gap: 0 30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.submenu-category__item--another {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-area: 2/4/3/5;
}

.submenu-category__item--purpose {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
  grid-area: 1/5/3/6;
}

/* Search */
.search, .sidebar {
  position: relative;
}

.search__btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 17px;
  color: var(--grey);
  width: 24px;
  height: 24px;
}

.search__icon, .video-block iframe {
  width: 100%;
  height: 100%;
}

.nsolestagend {
  position: absolute;
  top: 0px;
  right: 50px;
  box-sizing: border-box;
  width: 0px;
  height: 48px;
  padding: 15px;
  padding-bottom: 20px;
  outline: none;
  font-size: 20px;
  border-radius: 100px;
  color: #2b2626;
  transition: all 0.8s ease;
  opacity: 0;
  font-size: 14px;
  font-weight: 500;
}

.kaseg {
  position: unset;
  width: 31px;
  height: 31px;
  background: #F58A0C;
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  line-height: 80px;
  font-size: 20px;
  color: #fdfdfd;
  transition: all 0.8s ease;
  margin-top: 5px;
}

.fa.fa-search {
  color: white;
  position: relative;
  bottom: 27px;
  font-size: 14px;
}

/* Mobile header */
.mobile-header {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 15;
  background-color: var(--bg-color);
  min-height: 100vh;
  max-height: 100vh;
  max-width: 95vw;
  min-width: 50vw;
  overflow-y: auto;
  padding: 35px 5px 10px 20px;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.mobile-header:not(.active) {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.mobile-header__close {
  display: block;
  position: absolute;
  top: 35px;
  right: 10px;
  z-index: 15;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L21.6001 21.6001' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.6001 1L1 21.6001' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}

.mobile-header__title {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
}

.mobile-header__content {
  padding-left: 10px;
  margin-bottom: 15px;
}

/* Header blocks for septic submenu */
.bottom-header__item-septic {
  position: static;
}

.bottom-header__item-septic:hover > .bottom-header__submenu {
  display: flex;
  width: 100%;
  gap: 10px;
  flex-wrap: wrap;
}

.header_block.header_block--first {
  width: 60%;
}

.header_block.header_block--second {
  width: 35%;
}

ul.submenu-category__list-new {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 0;
}

li.submenu-category__item-new {
  width: 25%;
}

.header_block.header_block--second li.submenu-category__item-new {
  width: 30%;
}

.header_block.header_block--second .submenu-category__ul li.submenu-category__item-new {
  width: 100%;
}

.submenu-category__title-new {
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 20px;
}

.submenu-category__list-new .submenu-category__link {
  display: flex;
  font-size: 14px;
  margin-bottom: 10px;
  align-items: center;
}

.submenu-category__link-logo {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.line-filter__sort-wrap {
  position: relative;
}

/* Hit menu */
.hit_menu {
  color: #fff;
  border-radius: 6px;
  margin-left: 10px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  display: inline-block;
}

.hit_menu img {
  width: 40px;
}

/* ============================ SIDEBAR ============================ */
.sidebar__consultant, .sidebar__promo, .sidebar__reviews, .sidebar__search {
  margin-bottom: 20px;
}

/* Messengers */
.messengers-color {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
}

.messengers-color__item {
  display: block;
  width: 24px;
  height: 24px;
}

.messengers-color__item--telegramm, .messengers-color__item--telegramm-2 {
  color: #1296c9;
}

.messengers-color__item--whatsapp {
  color: #1eb250;
}

.icon-svg {
  fill: currentColor;
  display: inline-block;
  height: 20px;
  width: 20px;
}

/* ============================ FIXED ELEMENTS ============================ */
.fixed-sidebar {
  display: flex;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  gap: 20px;
  position: fixed;
  left: calc(50% + 600px);
  bottom: 110px;
  z-index: 50;
}

.fixed-sidebar__calc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 9px;
  background-color: var(--special-color);
  padding: 10px 15px;
  color: var(--white);
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1.2;
  width: 116px;
  border-radius: 4px;
  font-weight: 600;
}

.button-up {
  position: fixed;
  bottom: 50px;
  left: calc(50% + 680px);
  width: 40px;
  height: 40px;
  background-color: var(--accent-color);
  cursor: pointer;
  z-index: 100;
  border-radius: 6px;
  opacity: 0;
  visibility: hidden;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L9 1L17 9' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: .15s ease-in;
  -o-transition: .15s ease-in;
  transition: .15s ease-in;
}

.button-up:hover {
  background-color: var(--accent-color-hover);
}

.button-up.scroll {
  opacity: 1;
  visibility: visible;
}

/* ============================ BREADCRUMBS ============================ */
.breadcrumbs {
  margin-bottom: 50px;
}

.breadcrumbs__list {
  display: inline-block;
  list-style: none;
  font-size: 14px;
}

.breadcrumbs__item {
  display: inline;
}

.breadcrumbs__item a {
  font-weight: 500;
  color: var(--main-color-font);
  text-decoration: none;
}

.breadcrumbs__item + .breadcrumbs__item {
  padding-left: 10px;
}

.breadcrumbs__item + .breadcrumbs__item::before {
  content: "/";
  padding-right: 9px;
}

/* ============================ COOKIE CONSENT ============================ */
.cookieConsent {
  position: fixed;
  background-color: #FF9500;
  color: #ffff;
  padding: 10px;
  display: none;
  z-index: 2;
  font-size: 14px;
  width: 730px;
  max-width: 90%;
  transform: translateX(-50%);
  left: 50%;
  bottom: 15px;
  line-height: 1.3;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 0.3em;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.cookieConsent button {
  background-color: #39393D;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  margin-left: 20px;
  border-radius: 0.3em;
  color: #fff;
}

.cookieConsent a {
  color: #fff;
  text-decoration: underline;
}

/* ============================ HERO SECTION ============================ */
section.hero-service {
  padding: 40px 0 90px;
}

section.hero-service .wrap {
  display: flex;
  gap: 40px;
  align-items: center;
}

section.hero-service .wrap .image {
  width: calc(100%/2 - 20px);
}

section.hero-service .wrap .data {
  flex: 1;
}

section.hero-service .wrap .data .title {
  color: #231D17;
  font-size: 46px;
  line-height: 110%;
  margin-bottom: 20px;
}

section.hero-service .wrap .data .desc {
  color: #71717B;
  font-size: 18px;
  line-height: 155%;
  font-weight: 400;
  margin-bottom: 30px;
}

section.hero-service .wrap .data ul.adv {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-around;
  margin-bottom: 40px;
}

section.hero-service .wrap .data ul.adv li {
  width: calc(100%/2 - 10px);
  color: #231D17;
  font-size: 16px;
  font-weight: 400;
  padding-left: 30px;
  background-image: url(/assets/images/icon-check.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: contain;
}

section.hero-service .wrap .data .btns {
  display: flex;
  gap: 20px;
}

/* Buttons */
.btn {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 50px;
  border-radius: 10px;
  color: #231D17;
  font-size: 14px;
  font-weight: 400;
  box-shadow: 2px 2px 10px 0px #0000001A;
}

.btn.btn-orange {
  background: #FF6900;
  color: #fff;
}

.btn.btn-white {
  border: 1px solid #E4E4E7;
}

/* Links */
.email-link, .section-title__link, a:not([class]) {
  text-decoration: underline;
}

.email-link, .reviews-sidebar:hover .reviews-sidebar__icon {
  color: var(--accent-color);
}

.email-link {
  display: block;
  font-size: 14px;
  line-height: 1.14;
  white-space: nowrap;
}

.zamer-link {
  background-color: #F58A0C;
  display: inline-block;
  color: #fff;
  padding: 8px 10px;
  border-radius: 60px;
  text-decoration: none;
}

/* ============================ SERVICES SECTION ============================ */
section.services {
  background: #F9F9FA;
  padding: 90px 0 45px;
}

section.services .wrap {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}

section.services .wrap .item {
  box-shadow: 2px 2px 10px 0px #0000001A;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  padding: 30px;
  width: calc(100%/3 - 30px);
  background: #fff;
}

section.services .wrap .item .icon {
  margin-bottom: 30px;
}

section.services .wrap .item .name {
  color: #231D17;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}

section.services .wrap .item .desc {
  color: #71717B;
  font-size: 14px;
  font-weight: 400;
  min-height: 40px;
  margin-bottom: 25px;
}

section.services .wrap .item .link {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #FF6900;
  font-size: 14px;
}

section.services .wrap .item .link svg {
  transition: all 0.3s;
  position: relative;
}

section.services .wrap .item:hover .link svg {
  transform: translateX(6px);
}

/* ============================ WHY SECTION ============================ */
section.why {
  background: #f9f9fa;
  padding: 45px 0 90px;
}

section.why .wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

section.why .wrap .item {
  background: #fff;
  box-shadow: 2px 2px 10px 0px #0000001A;
  width: calc(100%/2 - 20px);
  padding: 30px;
  border-radius: 10px;
}

section.why .wrap .item:nth-child(3) {
  width: 100%;
}

section.why .wrap .item p {
  color: #231D17;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}

section.why .wrap .item ul li {
  padding-left: 15px;
  margin-bottom: 5px;
  background: url(/assets/images/icon-arrow.svg);
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 18px;
  color: #231D17;
}

section.why .wrap .item p.big {
  color: #FF6900;
  font-size: 24px;
  font-weight: 700;
}

/* ============================ FREE FORM SECTION ============================ */
section.free-form {
  background: #FF6900;
  padding: 90px 0;
}

section.free-form .h2 {
  margin-bottom: 20px;
}

section.free-form .desc {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 50px;
}

section.free-form .form {
  max-width: 960px;
  margin: auto;
}

section.free-form .form form {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px 40px;
}

section.free-form .form form input {
  height: 50px;
  width: 260px;
  border-radius: 10px;
  padding: 0 20px;
}

section.free-form .form form button {
  flex: 1;
  background: #fff;
  color: #FF6900;
}

section.free-form .form form .checkbox {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 100%;
  gap: 10px;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
}

section.free-form .form form .checkbox input {
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  background-color: #ff6900;
  display: flex;
  outline: none;
  padding: 0;
  border-radius: 2px;
}

/* ============================ REASONS ================================== */

section.reasons {
    padding: 90px 0 45px;
    background: #f9f9fa;
}

section.reasons .reasons__grid {
    display: flex;
    gap: 40px;
}

section.reasons .reasons__grid .reason-card {
    width: calc(100%/4 - 20px);
    background: #fff;
    box-shadow: 2px 2px 10px 0px #0000001A;
    padding: 30px;
    border-radius: 10px;
    position: relative;
}

section.reasons .reasons__grid .reason-card .reason-card__number {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #FF690026;
    font-size: 100px;
    line-height: 100%;
    font-weight: 700;
}

section.reasons .reasons__grid .reason-card .reason-card__title {
    color: #231D17;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

section.reasons .reasons__grid .reason-card .reason-card__desc {
    color: #71717B;
    font-size: 14px;
    font-weight: 400;
} 

/* ============================ STEPS ==================================== */

section.steps {
    padding: 45px 0 90px;
    background: #f9f9fa;
}

section.steps .wrap {
    display: flex;
}

.steps__item {
    width: calc(100%/5);
}

.steps__item-num {
    color: #FF690026;
    font-size: 50px;
    line-height: 100%;
    font-weight: 700;
    padding: 0 13px 15px;
    border-bottom: 4px solid #FF6900;
    margin-bottom: 0;
}

.steps__item-dotte {
    width: 12px;
    height: 12px;
    background: #71717B;
    border-radius: 11px;
    margin-top: -8px;
    margin-left: 13px;
}

.steps__item-name {
    color: #231D17;
    font-size: 18px;
    font-weight: 700;
    padding: 13px 13px 10px;
    min-height: 95px;
}

.steps__item-desc {
    padding: 0 13px;
    color: #71717B;
    font-size: 14px;
    font-weight: 400;
}

/* ============================ PRICES =================================== */

section.prices {
    padding: 90px 0 45px;
}

section.prices .wrap {
    display: flex;
    gap: 40px;
}

.prices__item {
    background: #fff;
    box-shadow: 2px 2px 10px 0px #0000001A;
    padding: 30px 20px;
    border-radius: 10px;
    width: calc(100% / 4 - 30px);
    position: relative;
}

.prices__item .btn {
    width: 220px;
    height: 40px;
}

.prices__item-area {
    color: #231D17;
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;
}

.prices__item-price {
    color: #FF6900;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
}

.prices__item-list li {
    color: #231D17;
    font-size: 16px;
    font-weight: 400;
    padding-left: 26px;
    background-image: url(/assets/images/icon-check.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 16px;
    margin-bottom: 5px;
}

.prices__item-list {margin-bottom: 30px;}

.prices__item-popular {
    border: 1px solid #FF6900;
}

.prices__item-label {
    background: #FF6900;
    color: #fff;
    width: 80px;
    font-size: 12px;
    text-align: center;
    font-weight: 400;
    border-radius: 5px;
    position: absolute;
    top: -10px;
    left: 050%;
    transform: translate(-50%, 0px);
    height: 20px;
}

.prices__item-popular .btn {
    background: #FF6900;
    color: #fff;
}


/* ============================ PRICES TABLE ============================= */

section.prices-table {
    padding: 45px 0 90px;
}

table.prices-table__table {
    max-width: 960px;
    margin: 0 auto;
    width: 100%;
    border-radius: 10px;
    border-collapse: collapse;
    box-shadow: 2px 2px 10px 0px #0000001A;
    overflow: hidden;
    margin-bottom: 30px;
}

table.prices-table__table thead {
    background: #F4F4F5;
    border: 1px solid #F4F4F5;
    border-radius: 10px;
}

table.prices-table__table tr th, table.prices-table__table tr td {
    padding: 17px 20px;
}

table.prices-table__table td:nth-child(2), table.prices-table__table th:nth-child(2) {
    text-align: right;
}

table.prices-table__table td {
    border-bottom: 1px solid #E4E4E7;
}

table.prices-table__table tr:nth-last-child(1) td {
    border-radius: 10px;
}

table.prices-table__table tbody tr:nth-last-child(1) {
    border-radius: 10px;
}

table.prices-table__table tr {
    border: 1px solid #E4E4E7;
    border-radius: 10px;
}


.prices-table__desc {
    max-width: 960px;
    margin: 0 auto;
    border-radius: 10px;
    background: #F4F4F5;
    padding: 20px;
}

.prices-table__desc p {
    color: #231D17;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.prices-table__desc ul {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 40px;
}

.prices-table__desc ul li {
    width: calc(100%/2 - 20px);
    padding-left: 20px;
    background-image: url(/assets/images/icon-arrow.svg);
    background-repeat: no-repeat;
    background-position: left center;
}

/* ============================ ADVANTAGES =============================== */

section.advantages {
    background: #F9F9FA;
    padding: 90px 0 45px;
}

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

.advantages__item {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 2px 2px 10px 0px #0000001A;
    width: calc(100%/3 - 30px);
}

.advantages__item-icon {
    margin-bottom: 20px;
}

.advantages__item-name {
    color: #231D17;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.advantages__item-desc {
    color: #71717B;
    font-size: 14px;
    font-weight: 400;
}

/* ============================ GARANT =============================== */

section.garant {
    background: #F9F9FA;
    padding: 90px 0 45px;
}

section.garant .wrap {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

.garant__item {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 2px 2px 10px 0px #0000001A;
    width: calc(100%/3 - 30px);
}

.garant__item-icon {
    margin-bottom: 20px;
}

.garant__item-name {
    color: #231D17;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.garant__item-desc {
    color: #71717B;
    font-size: 14px;
    font-weight: 400;
}

/* ============================ ANOTHER SERVICES ========================= */

section.another-services {
    padding: 45px 0;
    background: #f9f9fa;
}

section.another-services .wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.another-services__item {
    border: 1px solid #E4E4E7;
    border-radius: 10px;
    padding: 15px 25px;
    color: #231D17;
    font-size: 14px;
    transition: all 0.3s;
}

.another-services__item:hover {
    background: #f58a0c;
    color: #fff;
    border-color: #f58a0c;
}


/* ============================ WORKS ==================================== */

section.works {
    padding: 45px 0 90px;
    background: #f9f9fa;
}

section.works .wrap {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

.works__item {
    width: calc(100%/3 - 30px);
    background: #fff;
    border-radius: 10px;
    box-shadow: 2px 2px 10px 0px #0000001A;
    overflow: hidden;
}

.works__item-image {
    display: flex;
    width: 100%;
    height: 260px;
    border-radius: 10px;
    overflow: hidden;
}

.works__item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

span.works__item-name {
    padding: 13px 20px;
    display: block;
    color: #231D17;
    font-size: 18px;
    font-weight: 700;
}

/* ============================ CALCULATOR =============================== */

section.calculator {
    padding: 90px 0;
    background: #fff;
}
.calculator__slide {
    display: none;
        padding: 30px;
    border: 2px solid #FF6900;
    border-radius: 10px;
}

.calculator__slide.active {
    display: block;
}


.calculator__slide-name {
    color: #231D17;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.calculator__slide-desc {
    color: #71717B;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 30px;
}

.calculator__slide-title {
    color: #231D17;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
}

.calculator__slide .options-container {
    margin-bottom: 40px;
}

.calculator__slide .options-container .option {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    gap: 5px;
    color: #231D17;
    font-size: 14px;
    line-height: normal;
}

.calculator__slide .buttons-container {
    display: flex;
    gap: 15px;
    justify-content: end;
}

.calculator__slide .buttons-container .btn {
    cursor: pointer;
}

.calculator__slide .buttons-container .btn-back {
    background: #FF690026;
    width: 60px;
}

.calculator__slide .phone-input-container input {
    border: 1px solid #E4E4E7;
    max-width: 400px;
    border-radius: 10px;
    padding: 15px 20px;
    margin-bottom: 15px;
    width: 100%;
    outline: none;
}

.calculator__slide .checkbox-container {
    max-width: 400px;
}

.calculator__slide .checkbox-container label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #71717B;
}

.calculator__slide  .options-container.with-image label {
    flex-direction: column;
    align-items: start;
    cursor: pointer;
}

.calculator__slide .options-container.with-image label input {
    display: none;
}

.calculator__slide .options-container.with-image label .image {
    position: relative;
    width: 180px;
    height: 120px;
    display: flex;
    border-radius: 10px;
    overflow: hidden;
}

.calculator__slide .options-container.with-image label .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.calculator__slide .options-container.with-image label .image .custom-radio {
    position: absolute;
    right: 10px;
    top: 10px;
    display: none;
}

.calculator__slide .options-container.with-image label.selected .image .custom-radio {
    display: block;
}

.calculator__slide .options-container.with-image {
    display: flex;
    gap: 20px;
}

/* ============================ REVIEWS =============================== */

section.reviews {
    background: #F9F9FA;
    padding: 45px 0 90px;
}

section.reviews .wrap {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

.reviews__item {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 2px 2px 10px 0px #0000001A;
    width: calc(100%/3 - 30px);
}
.reviews__item-top {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 30px;
}
.reviews__item-icon {
    width: 40px;
}

.reviews__item-name {
    color: #231D17;
    font-size: 18px;
    font-weight: 700;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.reviews__item-desc {
    color: #71717B;
    font-size: 14px;
    font-weight: 400;
}

/* ============================ FAQ ====================================== */

section.faq {
    padding: 90px 0;
}

.faq__item {margin-bottom: 15px;border: 1px solid #E4E4E7;border-radius: 10px;padding: 20px;}

.faq__question {
    color: #231D17;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.faq__question button {
    font-size: 16px;
    font-weight: 600;
}

.faq__question:after {
    content: '';
    display: block;
    width: 10px;
    height: 5px;
    background: url(/assets/images/icon-arrow-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s;
}
.faq__item.active .faq__question:after {
    transform: rotate(180deg);
}
.faq__answer {
    display: none;
    margin-top: 15px;
    font-size: 14px;
}

.faq__item.active .faq__answer {
    display: block;
}

/* ============================ ORDER FORM =============================== */

section.order-form {
    background: #F9F9FA;
    padding: 90px 0;
}

section.order-form .wrap {
    display: flex;
    gap: 40px;
}

section.order-form .wrap .image {
    width: calc(100%/2 - 20px);
    display: flex;
    border-radius: 10px;
    overflow: hidden;
}
section.order-form .wrap .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
section.order-form .wrap .form {
    flex: 1;
    background: #fff;
    border-radius: 10px;
    padding: 40px 30px;
}

section.order-form .wrap .form .name {
    color: #231D17;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

section.order-form .wrap .form .desc {
    color: #71717B;
    font-size: 14px;
    margin-bottom: 30px;
}

section.order-form .wrap .form input.input {
    border: 1px solid #E4E4E7;
    border-radius: 10px;
    padding: 13px 20px;
}

section.order-form .wrap .form label.checkbox {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    color: #71717B;
    margin-bottom: 15px;
}

section.order-form .wrap .form .btn {
    width: 100%;
}

/* ============================ BLOGS ==================================== */

section.blogs { 
  padding: 90px 0;
}

section.blogs .wrap {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}

.blogs__item {
  box-shadow: 2px 2px 10px 0px #0000001A;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  padding: 30px;
  width: calc(100%/3 - 30px);
  background: #fff;
}
 

.blogs__item-name {
  color: #231D17;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}

.blogs__item-desc {
  color: #71717B;
  font-size: 14px;
  font-weight: 400;
  min-height: 40px;
  margin-bottom: 25px;
}

.blogs__item-link {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #FF6900;
  font-size: 14px;
}

.blogs__item-link svg {
  transition: all 0.3s;
  position: relative;
}

.blogs__item:hover .blogs__item-link svg {
  transform: translateX(6px);
}

/* ============================ FOOTER =================================== */

footer.footer {
    border-top: 1px solid #71717B;
    padding: 50px 0;
}

footer.footer .copyright {
    border-top: 1px solid #E4E4E7;
    margin-top: 50px;
    padding-top: 50px;
    text-align: center;
    color: #71717B;
    font-size: 14px;
}

footer.footer .wrap {
    display: flex;
    gap: 40px;
}

footer.footer .wrap .column {
    width: calc(100%/4 - 30px);
    align-items: start;
}

footer.footer .logo {
    width: 100px;
    margin-bottom: 10px;
}

footer.footer .desc {
    color: #71717B;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
}

footer.footer .data p {
    color: #231D17;
    font-size: 14px;
    font-weight: 400;
}

footer.footer .name {
    color: #231D17;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

footer.footer .item {
    display: flex;
    align-items: start;
    gap: 10px;
    margin-bottom: 10px;
}

footer.footer .item svg {
    width: 15px;
    margin-top: 4px;
}

footer.footer .item span {
    flex: 1;
    color: #231D17;
    font-size: 16px;
    line-height: 20px;
}

footer.footer .item a {
    color: #231D17;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}

/* ============================ MODAL ==================================== */


.modal {
  width: 100%;
  max-width: 610px;
  text-align: center;
  border-radius: 4px;
  padding: 70px 20px
}

.modal__title {
  max-width: 423px;
  margin: 0 auto 10px;
  font-size: 26px;
    line-height: 1.3;
}

.form-call__btn,
.form-call__input {
  display: block;
  width: 100%;
  max-width: 330px
}

.modal__text {
  font-size: 14px
}

.modal__form-call {
  margin-top: 40px
}

.form-call__input {
  margin: 0 auto 20px
}

.form-call__btn {
  margin: 20px auto 30px
}

.fixed-sidebar,
.form-call__polite {
  display: -webkit-box;
  display: -ms-flexbox
}

.form-call__polite {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px
}

.form-call__polite .custom-checkbox__input {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px
}

.form-call__polite .custom-checkbox__name {
  text-align: left
}

.modal--call {
  max-width: 470px
}

.modal--read .form-call__btn {
  margin-top: 30px
}

.modal .custom-input {
    display: inline-block;
    padding: 12px 16px;
    font-size: 14px;
    background-color: var(--bg-color);
    border: 1px solid var(--grey-2);
    border-radius: 4px;
    -webkit-transition: .15s ease-in;
    -o-transition: .15s ease-in;
    transition: .15s ease-in;
}
.modal  .main-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    border-radius: 4px;
    display: inline-flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--special-color);
    color: #fff;
    font-size: 14px;
    padding: 12px 20px;
    transition: .15s 
ease-in;
}
.modal  .main-btn:hover {
    background-color: var(--special-color-hover);
    color: var(--white);
}
.modal .form-mini {
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 10px;
}

/* ============================ MEDIA QUERIES ============================ */
@media (max-width: 1471px) {
  .button-up, .fixed-sidebar {
    left: auto;
    right: 20px;
  }
}

@media (max-width: 1199px) {
  .info-header {
    gap: 5px 15px;
  }

  .bottom-header__item {
    padding: 14px 13px;
  }

  .bottom-header__link {
    font-size: 13px;
  }

  .submenu-category {
    width: 880px;
  }
  section.hero-service .wrap .data .title {
        font-size: 36px;
    }
    
    section.reasons .reasons__grid {
        gap: 20px;
    }
    
    section.reasons .reasons__grid .reason-card {
        width: calc(100%/4 - 10px);
    }
    
    section.prices .wrap {
        gap: 20px;
    }
    
    .prices__item {
        width: calc(100% / 4 - 10px);
    }
    
    .prices__item .btn {
        width: 100%;
    }
    
    section.advantages .wrap {
        gap: 20px;
    }
    
    .advantages__item {
        width: calc(100%/3 - 15px);
    }
    
    section.works .wrap {
        gap: 20px;
    }
    
    .works__item {
        width: calc(100%/3 - 15px);
    }
    
    .works__item-image {
        height: 230px;
    }
    
    section.garant .wrap {
        gap: 20px;
    }
    
    .garant__item {
        width: calc(100%/3 - 15px);
    }
    
    section.reviews .wrap {
        gap: 20px;
    }
    
    .reviews__item {
        width: calc(100%/3 - 15px);
    }
    
    .faq__question button {
        text-align: left;
    }
    
    section.blogs .wrap {
        gap: 20px;
    }
    
    .blogs__item {
        width: calc(100%/3 - 15px);
    }
    
    footer.footer .wrap {
        gap: 20px;
    }
    
    footer.footer .wrap .column {
        width: calc(100%/4 - 10px);
    }
}

@media (max-width: 1050px) {
  .bottom-header__item:nth-last-child(2):hover > .bottom-header__submenu {
    left: auto;
    right: 0;
  }
}

@media (max-width: 991px) {
  .menu-top__list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .menu-top__item {
    padding: 7px 5px;
  }

  .info-header {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .bottom-header__item {
    padding: 14px 3px;
    gap: 3px;
  }

  .bottom-header__item::before {
    display: none;
  }

  .bottom-header__item:last-child::after {
    display: none;
  }

  .bottom-header__link {
    font-size: 12px;
  }

  .bottom-header__submenu {
    padding: 20px;
  }

  .submenu-category {
    width: 660px;
    -ms-grid-columns: (auto)[2];
    grid-template-columns: repeat(2, auto);
    -ms-grid-rows: (auto)[3];
    grid-template-rows: repeat(3, auto);
    grid-row-gap: 20px;
  }

  .submenu-category__title {
    margin-bottom: 10px;
  }

  .submenu-category__link {
    margin-bottom: 5px;
  }

  .submenu-category__item--manufacturer {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 1/1/2/3;
  }

  .submenu-category__item--amount {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 2/1/3/2;
  }

  .submenu-category__item--another {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 3/1/4/2;
  }

  .submenu-category__item--purpose {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 2/2/4/3;
  }
  .header__top.top-header {
        display: none;
    }
    
    section.hero-service .wrap {
        flex-direction: column;
    }
    
    section.hero-service .wrap .image {
        width: 100%;
        max-width: 400px;
    }
    
    section.services .wrap {
        gap: 20px;
    }
    
    section.services .wrap .item {
        width: calc(100%/2 - 10px);
    }
    
    section.why .wrap {
        gap: 20px;
    }
    
    section.why .wrap .item {
        width: 100%;
    }
    
    section.free-form .form form {
        flex-direction: column;
        gap: 20px;
    }
    
    section.free-form .form form input {
        width: 100%;
    }
    
    button.btn.btn-white {}
    
    section.free-form .form form button {
        flex: auto;
        width: 100%;
    }
    
    section.reasons .reasons__grid {
        flex-wrap: wrap;
    }
    
    section.reasons .reasons__grid .reason-card {
        width: calc(100%/2 - 10px);
    }
     
    
    .steps__item {
        width: 190px;
    }
    
    section.prices .wrap {
        flex-wrap: wrap;
    }
    
    .prices__item {
        width: calc(100% / 2 - 10px);
    }
    
    .advantages__item {
        width: calc(100%/2 - 15px);
    }
    
    .works__item {
        width: calc(100%/2 - 10px);
    }
    
    .garant__item {
        width: 100%;
    }
    
    .reviews__item {
        width: 100%;
    }
    
    section.order-form .wrap {
        flex-direction: column;
    }
    
    section.order-form .wrap .image {
        width: 100%;
    }
    
    .blogs__item {
        width: calc(100%/2 - 10px);
    }
    
    footer.footer .wrap {
        flex-direction: column;
    }
    
    footer.footer .wrap .column {
        width: 100%;
    }
    .scroll-block {
        overflow-x: scroll;
        padding-bottom: 20px;
    }
    
    section.steps .wrap {
        width: max-content;
    }
}

@media (max-width: 767px) {
  .header__body {
    border-bottom: 2px solid var(--accent-color);
  }

  .menu-top__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .menu-top__item {
    padding: 0 5px;
  }

  .menu-top__icon-arrow {
    width: 30px;
    height: 19px;
    margin-left: 10px;
  }

  .menu-top__submenu {
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    padding: 5px 15px;
  }

  .body-header__contacts {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .info-header {
    padding: 0;
  }

  .bottom-header__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 7px 0;
  }

  .bottom-header__item {
    color: var(--main-color-font);
    display: block;
    padding: 0 5px;
  }

  .bottom-header__item.selected .bottom-header__icon {
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
  }

  .bottom-header__icon {
    width: 25px;
    height: 10px;
    margin-left: 10px;
    color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='currentColor'/%3E%3C/svg%3E");
    background-size: 55%;
    background-position: center;
    background-repeat: no-repeat;
  }

  .bottom-header__submenu {
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    padding: 5px 15px;
    min-width: auto;
  }

  .bottom-header__subitem {
    border-bottom: 0;
    padding: 0;
    margin-bottom: 5px;
  }

  .submenu-category {
    width: auto;
    display: block;
  }

  .submenu-category__title {
    font-size: 14px;
    margin: 5px 0;
  }

  .submenu-category__item--manufacturer .submenu-category__list {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  /* Header blocks for septic submenu mobile */
  .submenu-category__title-new {
    font-size: 14px;
  }

  .submenu-category__link-logo {
    display: none;
  }

  .header_block.header_block--first {
    width: 100%;
  }

  ul.submenu-category__list-new {
    gap: 0;
  }

  .header_block.header_block--first li.submenu-category__item-new {
    width: 50%;
  }

  .header_block.header_block--second li.submenu-category__item-new {
    width: 50%;
  }

  .header_block.header_block--second {
    width: 100%;
  }

  .bottom-header__item-septic {
    position: relative;
  }
}
@media screen and (max-width: 600px) {
    .on-mobile-phone {
        display: block;
    }
    .dsk {
        display: none !important;
    }
    .header__bottom.bottom-header {
        display: none;
    }
    .vetectum-nounced {
        top: 0;
    }
    
    .kaseg {
        width: 26px;
        height: 26px;
        position: relative;
        bottom: 5px;
    }
    .icon-svg {
            height: 25px;
            width: 25px;
        }
    .mobile-msg {
            margin-top: 15px;
        }
    section.hero-service .wrap .data .title {
        font-size: 32px;
    }
    
    section.hero-service .wrap .data ul.adv {
        flex-direction: column;
    }
    
    section.hero-service .wrap .data .btns {
        flex-direction: column;
        gap: 15px;
    }
    
    .btn {
        width: 100%;
    }
    
    section.hero-service {
        padding: 0 0 45px;
    }
    
    section.hero-service .wrap {
        gap: 20px;
    }
    
    section.hero-service .wrap .image {
        max-width: 100%;
    }
    
    section.services {
        padding: 45px 0 25px;
    }
    
    h2, .h2 {
        font-size: 24px;
        margin-bottom: 35px;
    }
    
    section.services .wrap .item {
        width: 100%;
        padding: 20px;
    }
    
    section.services .wrap .item .desc {
        min-height: 1px;
    }
    
    section.why .wrap .item p {
        font-size: 16px;
    }
    
    section.why .wrap .item ul li {
        font-size: 16px;
    }
    
    section.why .wrap .item {
        padding: 20px;
    }
    
    section.why .wrap .item p.big {
        font-size: 20px;
    }
    
    section.why {
        padding: 25px 0 60px;
    }
    
    section.free-form {
        padding: 60px 0;
    }
    
    section.reasons .reasons__grid .reason-card {
        width: 100%;
        padding: 20px;
    }
    
    section.reasons .reasons__grid .reason-card .reason-card__number {
        font-size: 80px;
    }
    
    section.reasons .reasons__grid .reason-card .reason-card__desc {
        max-width: 65%;
    }
    
    section.reasons {
        padding: 60px 0 25px;
    }
    
    section.steps {
        padding: 25px 0 60px;
    }
    
    .steps__item {
        width: 210px;
    }
    
    section.prices {
        padding: 60px 0 25px;
    }
    
    .prices__item {
        width: 100%;
    }
    
    section.prices-table {
        padding: 25px 0 60px;
    }
    
    table.prices-table__table tr th, table.prices-table__table tr td {
        font-size: 14px;
        padding: 15px;
    }
    
    table.prices-table__table tr th:nth-child(1) {
        text-align: left;
    }
    
    .prices-table__desc ul li {
        width: 100%;
        font-size: 14px;
    }
    
    .prices-table__desc p {
        font-size: 16px;
    }
    
    section.advantages {
        padding: 60px 0 25px;
    }
    
    .advantages__item {
        width: 100%;
    }
    
    section.another-services {
        padding: 25px 0;
    }
    
    section.another-services .wrap {
        gap: 10px;
        flex-direction: column;
        text-align: center;
    }
    
    section.works {
        padding: 25px 0 60px;
    }
    
    .works__item {
        width: 100%;
    }
    
    span.works__item-name {
        font-size: 16px;
    }
    
    section.calculator {
        padding: 60px 0;
    }
    
    .calculator__slide {
        padding: 20px;
    }
    
    .calculator__slide .options-container.with-image {
        flex-direction: column;
    }
    
    .calculator__slide .checkbox-container {
        margin-bottom: 40px;
    }
    
    section.garant {
        padding: 60px 0 25px;
    }
    
    .faq__question button {
        font-size: 14px;
        flex: 1;
    }
    
    section.faq {
        padding: 60px 0;
    }
    
    section.order-form {
        padding: 60px 0;
    }
    
    section.order-form .wrap .form {
        padding: 20px;
    }
    
    .blogs__item {
        width: 100%;
    }
    
    footer.footer .item a {
        font-size: 14px;
    }
    
    footer.footer .item span {
        font-size: 14px;
    }
}
@media (max-width: 575px) {
  .mobile-header {
    max-width: 100%;
    width: 100%;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .menu-top__item:first-child {
    padding-left: 0;
  }
}

@media (max-width: 460px) {
  .cookieConsent {
    bottom: 65px;
    padding: 10px;
  }

  .cookieConsent p {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .header.fixed .bottom-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }

  .menu-top__item:hover > .menu-top__submenu {
    display: block;
  }

  .bottom-header__item:hover,
  .bottom-header__item.active {
    background-color: var(--accent-color-hover);
  }

  .bottom-header__item:hover::before,
  .bottom-header__item.active::before {
    display: none;
  }

  .bottom-header__item:hover + .bottom-header__item::before,
  .bottom-header__item.active + .bottom-header__item::before {
    display: none;
  }

  .bottom-header__item:hover > .bottom-header__submenu {
    display: block;
  }

  .bottom-header__link:hover {
    color: var(--white);
  }
}

/* Helper classes */
.vetectum-nounced {
  position: relative;
  top: 20px;
}

.custom-checkbox__input, main ul:not([class]) li::before {
  background-repeat: no-repeat;
  background-position: center;
}