@font-face {
   font-family: 'Qanelas';
   src: url('./fonts/Qanelas-UltraLightItalic.eot');
   src: local('Qanelas UltraLight Italic'), local('Qanelas-UltraLightItalic'), url('./fonts/Qanelas-UltraLightItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/Qanelas-UltraLightItalic.woff2') format('woff2'), url('./fonts/Qanelas-UltraLightItalic.woff') format('woff'), url('./fonts/Qanelas-UltraLightItalic.ttf') format('truetype');
   font-weight: 200;
   font-style: italic;
}

@font-face {
   font-family: 'Qanelas';
   src: url('./fonts/Qanelas-Medium.eot');
   src: local('Qanelas Medium'), local('Qanelas-Medium'), url('./fonts/Qanelas-Medium.eot?#iefix') format('embedded-opentype'), url('./fonts/Qanelas-Medium.woff2') format('woff2'), url('./fonts/Qanelas-Medium.woff') format('woff'), url('./fonts/Qanelas-Medium.ttf') format('truetype');
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: 'Qanelas';
   src: url('./fonts/Qanelas-UltraLight.eot');
   src: local('Qanelas UltraLight'), local('Qanelas-UltraLight'), url('./fonts/Qanelas-UltraLight.eot?#iefix') format('embedded-opentype'), url('./fonts/Qanelas-UltraLight.woff2') format('woff2'), url('./fonts/Qanelas-UltraLight.woff') format('woff'), url('./fonts/Qanelas-UltraLight.ttf') format('truetype');
   font-weight: 200;
   font-style: normal;
}

@font-face {
   font-family: 'Qanelas';
   src: url('./fonts/Qanelas-ExtraBold.eot');
   src: local('Qanelas ExtraBold'), local('Qanelas-ExtraBold'), url('./fonts/Qanelas-ExtraBold.eot?#iefix') format('embedded-opentype'), url('./fonts/Qanelas-ExtraBold.woff2') format('woff2'), url('./fonts/Qanelas-ExtraBold.woff') format('woff'), url('./fonts/Qanelas-ExtraBold.ttf') format('truetype');
   font-weight: 800;
   font-style: normal;
}

@font-face {
   font-family: 'Qanelas';
   src: url('./fonts/Qanelas-BoldItalic.eot');
   src: local('Qanelas Bold Italic'), local('Qanelas-BoldItalic'), url('./fonts/Qanelas-BoldItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/Qanelas-BoldItalic.woff2') format('woff2'), url('./fonts/Qanelas-BoldItalic.woff') format('woff'), url('./fonts/Qanelas-BoldItalic.ttf') format('truetype');
   font-weight: bold;
   font-style: italic;
}

@font-face {
   font-family: 'Qanelas';
   src: url('./fonts/Qanelas-Heavy.eot');
   src: local('Qanelas Heavy'), local('Qanelas-Heavy'), url('./fonts/Qanelas-Heavy.eot?#iefix') format('embedded-opentype'), url('./fonts/Qanelas-Heavy.woff2') format('woff2'), url('./fonts/Qanelas-Heavy.woff') format('woff'), url('./fonts/Qanelas-Heavy.ttf') format('truetype');
   font-weight: 900;
   font-style: normal;
}

@font-face {
   font-family: 'Qanelas';
   src: url('./fonts/Qanelas-ExtraBoldItalic.eot');
   src: local('Qanelas ExtraBold Italic'), local('Qanelas-ExtraBoldItalic'), url('./fonts/Qanelas-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/Qanelas-ExtraBoldItalic.woff2') format('woff2'), url('./fonts/Qanelas-ExtraBoldItalic.woff') format('woff'), url('./fonts/Qanelas-ExtraBoldItalic.ttf') format('truetype');
   font-weight: 800;
   font-style: italic;
}

@font-face {
   font-family: 'Qanelas';
   src: url('./fonts/Qanelas-Thin.eot');
   src: local('Qanelas Thin'), local('Qanelas-Thin'), url('./fonts/Qanelas-Thin.eot?#iefix') format('embedded-opentype'), url('./fonts/Qanelas-Thin.woff2') format('woff2'), url('./fonts/Qanelas-Thin.woff') format('woff'), url('./fonts/Qanelas-Thin.ttf') format('truetype');
   font-weight: 100;
   font-style: normal;
}

@font-face {
   font-family: 'Qanelas';
   src: url('./fonts/Qanelas-Bold.eot');
   src: local('Qanelas Bold'), local('Qanelas-Bold'), url('./fonts/Qanelas-Bold.eot?#iefix') format('embedded-opentype'), url('./fonts/Qanelas-Bold.woff2') format('woff2'), url('./fonts/Qanelas-Bold.woff') format('woff'), url('./fonts/Qanelas-Bold.ttf') format('truetype');
   font-weight: bold;
   font-style: normal;
}

@font-face {
   font-family: 'Qanelas';
   src: url('./fonts/Qanelas-Light.eot');
   src: local('Qanelas Light'), local('Qanelas-Light'), url('./fonts/Qanelas-Light.eot?#iefix') format('embedded-opentype'), url('./fonts/Qanelas-Light.woff2') format('woff2'), url('./fonts/Qanelas-Light.woff') format('woff'), url('./fonts/Qanelas-Light.ttf') format('truetype');
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: 'Qanelas';
   src: url('./fonts/Qanelas-LightItalic.eot');
   src: local('Qanelas Light Italic'), local('Qanelas-LightItalic'), url('./fonts/Qanelas-LightItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/Qanelas-LightItalic.woff2') format('woff2'), url('./fonts/Qanelas-LightItalic.woff') format('woff'), url('./fonts/Qanelas-LightItalic.ttf') format('truetype');
   font-weight: 300;
   font-style: italic;
}

@font-face {
   font-family: 'Qanelas';
   src: url('./fonts/Qanelas-HeavyItalic.eot');
   src: local('Qanelas Heavy Italic'), local('Qanelas-HeavyItalic'), url('./fonts/Qanelas-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/Qanelas-HeavyItalic.woff2') format('woff2'), url('./fonts/Qanelas-HeavyItalic.woff') format('woff'), url('./fonts/Qanelas-HeavyItalic.ttf') format('truetype');
   font-weight: 900;
   font-style: italic;
}

@font-face {
   font-family: 'Qanelas';
   src: url('./fonts/Qanelas-SemiBoldItalic.eot');
   src: local('Qanelas SemiBold Italic'), local('Qanelas-SemiBoldItalic'), url('./fonts/Qanelas-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/Qanelas-SemiBoldItalic.woff2') format('woff2'), url('./fonts/Qanelas-SemiBoldItalic.woff') format('woff'), url('./fonts/Qanelas-SemiBoldItalic.ttf') format('truetype');
   font-weight: 600;
   font-style: italic;
}

@font-face {
   font-family: 'Qanelas';
   src: url('./fonts/Qanelas-Black.eot');
   src: local('Qanelas Black'), local('Qanelas-Black'), url('./fonts/Qanelas-Black.eot?#iefix') format('embedded-opentype'), url('./fonts/Qanelas-Black.woff2') format('woff2'), url('./fonts/Qanelas-Black.woff') format('woff'), url('./fonts/Qanelas-Black.ttf') format('truetype');
   font-weight: 900;
   font-style: normal;
}

@font-face {
   font-family: 'Qanelas';
   src: url('./fonts/Qanelas-ThinItalic.eot');
   src: local('Qanelas Thin Italic'), local('Qanelas-ThinItalic'), url('./fonts/Qanelas-ThinItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/Qanelas-ThinItalic.woff2') format('woff2'), url('./fonts/Qanelas-ThinItalic.woff') format('woff'), url('./fonts/Qanelas-ThinItalic.ttf') format('truetype');
   font-weight: 100;
   font-style: italic;
}

@font-face {
   font-family: 'Qanelas';
   src: url('./fonts/Qanelas-BlackItalic.eot');
   src: local('Qanelas Black Italic'), local('Qanelas-BlackItalic'), url('./fonts/Qanelas-BlackItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/Qanelas-BlackItalic.woff2') format('woff2'), url('./fonts/Qanelas-BlackItalic.woff') format('woff'), url('./fonts/Qanelas-BlackItalic.ttf') format('truetype');
   font-weight: 900;
   font-style: italic;
}

@font-face {
   font-family: 'Qanelas';
   src: url('./fonts/ ./fonts/Qanelas-MediumItalic.eot');
   src: local('Qanelas Medium Italic'), local('Qanelas-MediumItalic'), url('./fonts/Qanelas-MediumItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/Qanelas-MediumItalic.woff2') format('woff2'), url('./fonts/Qanelas-MediumItalic.woff') format('woff'), url('./fonts/Qanelas-MediumItalic.ttf') format('truetype');
   font-weight: 500;
   font-style: italic;
}

@font-face {
   font-family: 'Qanelas';
   src: url('./fonts/Qanelas-Regular.eot');
   src: local('Qanelas Regular'), local('Qanelas-Regular'), url('./fonts/Qanelas-Regular.eot?#iefix') format('embedded-opentype'), url('./fonts/Qanelas-Regular.woff2') format('woff2'), url('./fonts/Qanelas-Regular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Qanelas';
   src: url('./fonts/Qanelas-SemiBold.eot');
   src: local('Qanelas SemiBold'), local('Qanelas-SemiBold'), url('./fonts/Qanelas-SemiBold.eot?#iefix') format('embedded-opentype'), url('./fonts/Qanelas-SemiBold.woff2') format('woff2'), url('./fonts/Qanelas-SemiBold.woff') format('woff'), url('./fonts/Qanelas-SemiBold.ttf') format('truetype');
   font-weight: 600;
   font-style: normal;
}

:root {
   --main-border-radius: 5px;
   --main-border-radius-item: 5px;
   --main-border-btn: 18px;
   --min-midth-content: 1140px;
   --main-transition: .3s;
   --bg-primary: #fafafa;
   --bg-color-light: #ebebeb;
   --color-text: #333;
   --color-primary: #e01935;
   --color-primary-hover: #7a0f1e;
   --color-primaryInverse: #fff;
}

html {
   scroll-behavior: smooth;
}

body {
   font-family: 'Qanelas';
   font-weight: 400;
   background: var(--bg-primary);
   overflow: hidden;
   min-height: 100vh;
   height: auto;
   color: var(--color-text);
   line-height: normal;
   accent-color: var(--color-primary);
}

.container {
   width: 100%;
   max-width: var(--min-midth-content);
   margin: 0 auto;
   padding: 0 10px;
}

.mobile {
   display: none !important;
}

.desktop {
   display: flex !important;
}

a {
   color: var(--color-text);
   transition: var(--main-transition);
}

a:hover {
   text-decoration: underline;
   color: var(--color-primary);
}

/* header */
.header {
   margin: 0 auto;
   color: var(--color-text);
}

.nav__header-wrapper {
   position: relative;
   padding: .5rem 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-weight: 500;
   border-bottom: 1px solid var(--bg-color-light);
   z-index: 10;
}

.sub_menu {
   position: relative;
   display: flex;
   align-items: center;
   gap: 10px;
   z-index: 1;
}

.nav__header .sub_menu {
   background-color: var(--bg-primary);
}

.location-logo {
   display: flex;
   align-items: center;
}

.location-logo svg {
   width: 30px;
   height: 30px;
}

.location-city {
   font-weight: 600;
}

.sub_menu-list {
   width: max-content;
   position: absolute;
   visibility: hidden;
   top: 0;
   left: 0;
   padding: 10px;
   display: flex;
   flex-direction: column;
   gap: 5px;
   transition: var(--main-transition);
   z-index: -1;
   opacity: 0;
   border-radius: var(--main-border-radius);
}

.nav__header-item .sub_menu-list {
   left: 92px;
   background-color: var(--bg-primary);
   padding: 10px 20px;
   -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
   -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
   box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

.sub_menu:hover .sub_menu-list {
   visibility: visible;
   top: 100%;
   opacity: 1;
   min-width: 350px;
}

.nav__header-wrapper .sub_menu-list {
   min-width: auto !important;
}

.sub_menu-list__item {
   cursor: pointer;
   font-weight: 600;
}

.nav__header-item a {
   color: var(--color-text);
}

.header-wrapper {
   padding: 1.5rem 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.headlogo {
   width: 21%;
}

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

.head-logo {
   width: 100%;
}

.head-logo img {
   width: 100%;
   height: auto;
   object-fit: contain;
}

.worktime-block {
   display: flex;
   flex-direction: column;
   gap: 6px;
}

.worktime-block .address {
   font-weight: 500;
   font-size: 18px;
   margin-bottom: 7px;
}

.msg_outer {
   position: relative;
   display: flex;
   flex-direction: column;
   gap: 12px;
   cursor: pointer;
}

.msg.whatsapp .wa_link {
   background: url(../img/whatsapp-color.png) no-repeat left 50%;
   background-size: 22px;
   padding: 5px 0 5px 30px;
   color: var(--color-text);
}

.msg.telegram .tg_link {
   background: url(../img/telegram-color.png) no-repeat left 50%;
   background-size: 22px;
   padding: 5px 0 5px 30px;
   color: var(--color-text);
}

.phone_outer {
   display: flex;
   flex-direction: column;
   gap: 12px;
   font-weight: 500;
}

.phones-block .phone {
   font-size: 18px;
   color: var(--color-text);
   padding: 7px 24px 7px 0;
}

.email-block .phone {
   color: var(--color-text);
}

/* header END*/
/* navbar */
.navbar {
   width: 100%;
   background-color: var(--bg-color-light);
   color: var(--color-primaryInverse);
}

.navbar_container {
   display: flex;
   margin: 0 auto;
   position: relative;
   padding: 6px 0px;
}

.navbar_menu {
   width: 100%;
}

.menu {
   display: flex;
   justify-content: space-between;
   font-size: 16px;
   padding-right: 3rem;
}

.menu li {
   padding: 12px;
}

.nav-link,
.sub_menu a,
.navbar-sub_menu a {
   color: var(--color-primary);
   font-weight: 600;
}

.navbar_menu .sub_menu {
   padding-right: 40px !important;
}

.navbar_menu .sub_menu::before {
   content: '';
   width: 20px;
   height: 20px;
   position: absolute;
   background-image: url(../img/arrow.svg);
   background-repeat: no-repeat;
   background-size: 100%;
   right: 0;
   transition: var(--main-transition);
}

.navbar_menu .sub_menu:hover::before {
   rotate: -180deg;
}

.sub_menu-list .nav-link {
   padding: 0;
}

.navbar-sub_menu {
   position: relative;
}

.menu .active {
   text-decoration: underline;
}

.navbar_menu .sub_menu:hover .sub_menu-list {
   background: #fff;
   padding: 20px;
   -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
   -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
   box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

.navbar-sub_menu::before {
   content: '';
   width: 20px;
   height: 20px;
   position: absolute;
   background-image: url(../img/arrow.svg);
   background-repeat: no-repeat;
   background-size: 100%;
   right: 0;
   rotate: -90deg;
}

.navbar-sub_menu-list {
   padding: 20px;
   visibility: hidden;
   position: absolute;
   left: calc(100% + 20px);
   top: 0%;
   background: #fff;
   opacity: 0;
   transition: var(--main-transition);
   width: max-content;
   -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
   -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
   box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
   border-left: 1px solid var(--color-primary);
   border-radius: var(--main-border-radius);
}

.navbar-sub_menu:hover .navbar-sub_menu-list {
   visibility: visible;
   opacity: 1;
}

.search {
   position: relative;
   width: 40px;
}

.search .search-btn {
   display: block;
   position: absolute;
   left: 50%;
   top: 50%;
   width: 36px;
   height: 36px;
   border-radius: 50%;
   background: var(--color-primary) url(../img/search.svg) center center no-repeat;
   margin: -18px 0 0 -18px;
   background-size: 14px;
   opacity: 0.8;
   cursor: pointer;
}

.textUppercase {
   text-transform: uppercase;
}

.search .search-form {
   display: none;
   position: absolute;
   right: 0;
   top: 0;
   width: 1140px;
   height: 100%;
   padding: 0 1px;
   z-index: 999;
}

.search .search-form form {
   position: absolute;
   right: 0px;
   top: 50%;
   margin-top: -21px;
   width: 700px;
   height: 41px;
   border-radius: 25px;
   background: #fff;
}

.search .search-form input {
   padding: 0 30px 0 30px;
   text-align: left;
   height: 100%;
   width: 100%;
   border-radius: 25px;
   color: #000;
}

@media (width < 1000px) {
   .mobile {
      display: flex !important;
   }

   .desktop {
      display: none !important;
   }

   .header-wrapper {
      flex-wrap: wrap;
      align-items: flex-start;
   }

   .headlogo {
      width: 25%;
      order: 1;
      font-size: 16px;
   }

   .worktime-block {
      width: 30%;
      order: 2;
   }

   .msg_outer {
      width: 100%;
      order: 4;
      flex-direction: row;
      justify-content: flex-end;
   }

   .phone_outer {
      width: 40%;
      order: 3;
   }

   #touch-menu {
      width: 100%;
      background: url(../img/burger.svg) no-repeat left 50%;
      background-size: 18px;
      padding: 14px 0 14px 28px;
      color: var(--color-primary);
      text-transform: uppercase;
      font-weight: 600;
   }

   .navbar_container {
      padding: 6px 20px;
   }

   .navbar_menu {
      display: flex;
      position: absolute;
      width: auto;
      top: 100%;
      left: -150%;
      /* opacity: 0; */
      /* display: flex; */
      z-index: 1;
      background: #fff;
      padding: 20px 0 20px 20px;
      transition: var(--main-transition);
      box-shadow: 0px 13px 10px rgba(0, 0, 0, .3), 0px 7px 5px rgba(0, 0, 0, 0.03), 0px 3px 2px rgba(0, 0, 0, 0.02);
      border-radius: var(--main-border-radius);
   }

   .navbar_menu.open {
      /* display: flex; */
      left: 0;
   }

   .menu {
      flex-direction: column;
   }

   .navbar_menu .sub_menu {
      align-items: flex-start;
      flex-direction: column;
      gap: 5px;
   }

   .navbar_menu .sub_menu .sub_menu-list {
      margin-top: 6px;
      min-width: auto;
   }

   .navbar_menu .sub_menu:hover .sub_menu-list,
   .navbar-sub_menu-list {
      /* padding: 0; */
      -webkit-box-shadow: none;
      -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
      box-shadow: none;
      border-radius: 0;
      margin-top: 6px;
   }

   .navbar_menu .sub_menu:hover .sub_menu-list {
      padding: 0 0 0 20px;
   }

   .navbar_menu .menu li {
      padding: 6px;
   }

   .navbar_menu .sub_menu-list,
   .navbar-sub_menu-list {
      position: initial;
      visibility: visible;
      opacity: 1;
      padding: 0 0 0 20px;
   }

   .navbar_menu .sub_menu:before,
   .navbar-sub_menu::before {
      display: none;
   }

   .search .search-form form {
      width: 50vw;
   }
}

@media (width < 578px) {
   .header {
      position: relative;
   }

   .headlogo {
      font-size: 14px;
   }

   .worktime-block {
      display: none;
   }

   .headlogo {
      width: 35%;
   }

   .phone_outer {
      width: 60%;
   }

   .msg_outer {
      position: absolute;
      top: 14px;
      right: 10px;
      width: 60px;
      height: 30px;
   }

   .msg_outer span {
      display: none;
   }

   .search .search-form {
      right: -10px;
   }

   .navbar_container {
      padding: 0 10px;
   }
}


/* navbar END */

/* banner-consultation */
.banner-consultation {
   position: relative;
   width: 100%;
   max-width: calc(var(--min-midth-content) - 20px);
   display: flex;
   align-items: center;
   overflow: hidden;
   padding: 3% 0;
}

.banner-consultation_fon {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.consultation-wrapper {
   position: relative;
   width: 460px;
   top: 0;
   left: 5%;
   bottom: 0;
   padding: 3%;
   background: rgba(255, 255, 255, 0.7);
   border-radius: 3px;
   display: flex;
   flex-direction: column;
   gap: 18px;
   justify-content: center;
   align-items: center;
   border-radius: var(--main-border-radius);
}

.consultation_title {
   text-align: center;
   text-transform: uppercase;
   font-weight: 500;
   font-size: 24px;
   line-height: 1.3;
}

.consultation_text {
   text-align: center;
   font-size: 16px;
   font-weight: 500;
}

.btn {
   font-size: 16px;
   font-weight: 600;
   letter-spacing: 0.5px;
   line-height: 1.3;
   padding: 11px 20px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   background-color: var(--color-primary);
   color: var(--color-primaryInverse);
   transition: var(--main-transition);
}

.btn:hover {
   background-color: var(--color-primary-hover);
}

@media (width < 640px) {
   .consultation-wrapper {
      left: 0;
   }

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

/* banner-consultation END */

/* services */

.title {
   padding: 3rem 0 1.5rem;
   font-size: 36px;
   font-weight: 600;
   line-height: normal;
}

.services-wrapper {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

.services__item {
   color: var(--color-text);
   width: calc(33.3% - 28px);
   min-width: 300px;
   margin: 18px 14px;
   box-shadow: 0 1px 20px rgb(189 208 215);
   transition: var(--main-transition);
   border-radius: var(--main-border-radius);
   overflow: hidden;
   display: flex;
   flex-direction: column;
}

.services__item:hover {
   box-shadow: 0 1px 20px rgb(120 148 159);
   text-decoration: none;
}

.services__item_link-fon {
   overflow: hidden;
   height: 240px;
   display: flex;
}

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

.services__item-title {
   position: relative;
   padding: 18px 22px 22px 22px;
   text-align: center;
   font-size: 20px;
   font-weight: 600;
}

.services_counter {
   position: absolute;
   right: 10px;
   bottom: calc(100% + 10px);
   background-color: #ebebebc9;
   border-radius: 4px;
   font-size: 18px;
   padding: 5px 15px;
}

.block-link {
   color: var(--color-text);
   transition: var(--main-transition);
   text-decoration: none;
}

.block-link:hover {
   color: var(--color-primary);
   text-decoration: none;
}

@media (width < 640px) {
   .services {
      padding-bottom: 0;
   }

   .services-wrapper {
      gap: 10px;
   }

   .services__item {
      margin: 0;
      width: 100%;
   }
}

/* services END */
/* price */
.price {
   padding: 2rem 0 1rem;
   padding-bottom: 50px;
}

.main-wrapper .price {
   padding: 0;
}

.price_text {
   font-size: 16px;
   margin-bottom: 1rem;
}

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

.tabs-btns {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   gap: 20px;
}

.tab {
   padding: 12px 20px;
   border-radius: var(--main-border-btn);
   background-color: var(--bg-color-light);
   font-size: 16px;
   line-height: 17px;
   color: var(--color-text);
   transition: var(--main-transition);
   cursor: pointer;
}

.tab:hover {
   background-color: var(--bg-primary);
   box-shadow: 0 1px 10px rgb(120 148 159);
}

.tab.active {
   background-color: var(--color-primary);
   color: #fff;
}

.page-tab {
   display: flex;
   gap: 2%;
}

.tabs-content {
   position: relative;
   left: 0;
   transition: var(--main-transition);
}

.col__img_foto {
   aspect-ratio: 4/3;
   width: 100%;
   height: 100%;
   height: 300px;
   border-radius: var(--main-border-radius);
   object-fit: cover;
}

.page-tab {
   display: none !important;
}

.page-tab.active {
   display: flex !important;
}

.col__tabl {
   width: 70%;
}

.price table {
   width: 100%;
   border-collapse: collapse;
}

.price table tr td {
   font-size: 15.7245px;
   line-height: 17px;
   padding: 11px 13px;
}

@media (width < 640px) {
   .price {
      padding: 0 20px;
   }

   .page-tab {
      flex-direction: column;
      gap: 20px;
   }

   .col__img_foto {
      height: 220px;
   }

   .col__tabl {
      width: 100%;
   }

   .price-wrapper {
      overflow-x: auto;
   }

   .price table tr td {
      font-size: 15px;
      padding: 6px 8px;
   }
}

/* price END */

/* faq */

.faq {
   padding-bottom: 50px;
   background-color: var(--color-primaryInverse);
}

@media (width < 640px) {
   .faq {
      padding: 2rem 0;
   }
}

/* faq END */

/* accordion */
.accordion {
   margin-top: 13px;
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.accordion .box__accordion {
   position: relative;
   cursor: pointer;
   border-radius: var(--main-border-radius);
   background-color: var(--bg-color-light);
}

.accordion .box__accordion .box__accordion_label {
   position: relative;
   padding: 12px 30px;
   cursor: pointer;
   font-weight: 500;
   font-size: 16px;
   line-height: 28px;
   color: var(--color-text)
}

.accordion .box__accordion .box__accordion_label::after {
   width: 36px;
   height: 36px;
   content: "" / "вкладка открытая";
   background-image: url(../img/faq1.svg);
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 8px;
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   transition: all var(--main-transition);
}

.accordion .box__accordion.active .box__accordion_label::after {
   content: "" / "вкладка закрытая";
   transform: translateY(-50%) rotate(-180deg);
   background-image: url(../img/faq2.svg);
}

.box__accordion_content {
   display: flex;
   flex-direction: column;
   position: relative;
   overflow: hidden;
   max-height: 0;
   transition: var(--main-transition);
   padding-left: 5%;
}

.box__accordion_content-text {
   padding: 0 0 20px;
   display: flex;
   flex-direction: column;
   gap: 10px;
   font-size: 16px;
}

/* accordion END */


/* advantages */
.advantages {}

.advantages-wrapper {
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
   justify-content: center;
}

.advantages__item {
   width: calc(33.33333333% - 30px);
   min-width: 300px;
   margin: 15px;
   box-shadow: 0px 13px 10px rgba(0, 0, 0, 0.04), 0px 7px 5px rgba(0, 0, 0, 0.03), 0px 3px 2px rgba(0, 0, 0, 0.02);
   border-radius: var(--main-border-radius);
   text-align: center;
   background-color: var(--color-primaryInverse);
   padding: 22px 0 36px 0px;
}

.advantages__item_number {
   display: block;
   font-size: 100px;
   font-weight: 500;
   text-shadow: 0 0 20px var(--color-primary);
}

.advantages__item_title {
   border-bottom: 2px solid var(--color-primary);
   font-size: 20px;
   font-weight: 600;
   padding: 12px 16px 12px 16px;
}

.advantages__item_description {
   font-size: 16px;
   line-height: 1.3;
   padding: 0 16px;
   margin-top: 22px;
}

@media (width < 640px) {
   .advantages-wrapper {
      flex-direction: column;
      align-items: center;
      gap: 10px;
   }

   .advantages__item {
      width: 100%;
      margin: 0;
      padding: 10px 0 20px 0px;
   }

   .accordion .box__accordion .box__accordion_label {
      padding: 12px 50px 12px 20px;
   }
}

/* advantages END */

/* page-content */
.page-content {
   display: flex;
   flex-direction: column;
   width: 100% !important;
}

.page-content-wrapper {
   position: relative;
   margin-bottom: 20px;
   font-size: 16px;
}

.page-content-wrapper.hide {
   max-height: 300px;
   overflow: hidden;
   margin-bottom: 0;
}

.page-content-wrapper.hide:after {
   content: "";
   display: block;
   height: 100px;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--bg-primary) 75%);
}

.btn_toggle {
   cursor: pointer;
   border-bottom: 1px solid var(--color-primary);
   width: auto;
   color: var(--color-primary);
   font-size: 16px;
   font-weight: 600;
   -webkit-transition: var(--main-transition);
   -moz-transition: var(--main-transition);
   -ms-transition: var(--main-transition);
   -o-transition: var(--main-transition);
   transition: var(--main-transition);
   width: fit-content;
}

.btn_toggle:hover {
   color: var(--color-primary-hover);
   border-bottom: 1px solid var(--color-primary-hover);
}

/* page-content END */
/* useful-information */
.useful-information-wrapper {
   display: flex;
   flex-wrap: wrap;
}

.information_item {
   width: calc(33.33333333% - 30px);
   margin: 18px 15px;
   box-shadow: 0 1px 20px rgb(189 208 215);
   display: flex;
   flex-direction: column;
   background-color: var(--color-primaryInverse);
   border-radius: var(--main-border-radius);
   overflow: hidden;
   transition: var(--main-transition);
   color: var(--color-text);
}

.mian-page .information_item {
   width: calc(25% - 30px);
}

.information_item:hover {
   box-shadow: 0 1px 20px rgb(120 148 159);
   text-decoration: none;
}

.useful-information .page-tab {
   gap: 0;
   justify-content: center;
}

.information_item-content {
   width: 100%;
   display: flex;
   flex-direction: column;
   padding: 18px 22px 22px 22px;
   gap: 10px;
}

.information_item__img {
   display: flex;
   height: 200px;
}

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

.information_item__date {
   font-size: 15px;
}

.information_item__tilte {
   font-size: 18px;
   font-weight: 600;
}

.information_item__intro {
   font-size: 16px;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4;
}

@media (width < 640px) {
   .useful-information .page-tab {
      gap: 20px;
   }

   .information_item {
      width: 100% !important;
      margin: 0 !important;
   }

   .information_item__img {
      height: 160px;
   }

   .useful-information-wrapper {
      align-items: center;
   }
}

/* useful-information END */

/* about */
.about-wrapper {
   display: flex;
   justify-content: space-between;
}

.about_img-block {
   width: calc(55% - 25px);
   border-radius: var(--main-border-radius);
   overflow: hidden;
}

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

.about_text-block {
   width: calc(45% - 25px);
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 20px;
   font-size: 16px;
}

.about_text-block p a {
   color: var(--color-primary);
   font-weight: 500;
   text-decoration: underline;
}

@media (width < 640px) {
   .about-wrapper {
      flex-direction: column;
      gap: 20px;
   }

   .about_img-block,
   .about_text-block {
      width: 100%;
   }
}

/* about END */

/* tags-block */
.tags-block {
   margin: 50px auto;
   padding: 3rem 0 1.5rem;
   text-align: center;
}

.tags-wrapper {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 20px;
   overflow: hidden;
   max-height: 20vw;
   transition: .4s;
   margin: 0 auto;
}

.tags-wrapper.hide {
   max-height: 34px;
}

.tags_item {
   border: 1px solid var(--color-text);
   transition: var(--main-transition);
   padding: .4rem 0.9rem;
   border-radius: 5px;
   font-size: 16px;
}

.tags_item a {
   color: #333;
   transition: var(--main-transition);
   text-decoration: none;
   font-size: 1rem;
}

.tags_item:hover {
   border: 1px solid var(--color-primary);
   background-color: var(--color-primary);
}

.tags_item:hover a {
   color: var(--color-primaryInverse);
}

.tags-block .btn_toggle {
   margin-top: 30px;
}

@media (width < 640px) {
   .tags-wrapper {
      max-height: 100vw;
      gap: 10px;
      padding: 0 10px;
   }

   .tags-block {
      margin: 20px auto;
      padding: 2rem 0 1rem;
   }
}

/* tags-block END */
/* footer */
.footer {
   margin-top: 30px;
   background: var(--bg-color-light);
   padding: 30px 0;
}

.footer a {
   color: var(--color-text);
   transition: var(--main-transition);
}

.footer a:hover {
   color: var(--color-primary);
}

.footer-wrapper {
   display: flex;
   flex-direction: column;
   width: 1110px;
   margin: 0 auto;
   gap: 20px;
}

.footer-main {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.footer__logo {
   width: 198px;
}

.footer__logo_copy {
   padding: 0 0 15px;
   font-weight: 300;
   font-size: 14px;
   line-height: 18px;
}

.footer__logo p {
   font-weight: 300;
   font-size: 12px;
   line-height: 1.3;
}

.contacts {
   display: flex;
   flex-direction: column;
   gap: 24px;
}

.footer .contacts .item {
   font-weight: 500;
   font-size: 14px;
}

.phones-block {
   position: relative;
   font-size: 18px;
}

.footer .contacts .item a {
   display: inline-block;
   font-weight: 500;
   font-size: 18px;
}


.footer-block-title {
   font-size: 16px;
   font-weight: 500;
   border-bottom: 1px solid var(--color-text);
   display: inline-block;
   margin-bottom: 12px;
}

.footer-block-title a {
   text-decoration: none;
}

.footer_links {
   display: flex;
   flex-direction: column;
}

.footer_links li,
.bottom__row li {
   display: flex;
}

.footer_links a,
.bottom__row a {
   padding: 5px 5px 5px 0;
}

.footer-bottom {
   margin-top: 20px;
   background: #d9d9d9;
   padding: 10px 0;

}

.bottom__row {
   display: flex;
   justify-content: space-between
}

@media (width > 641px) and (width < 1160px) {
   .footer {
      padding: 2.59vw 0;
   }

   .footer-wrapper {
      width: 95.69vw;
      gap: 1.72vw;
   }

   .footer__logo {
      width: 17.07vw;
   }

   .footer__logo_copy {
      padding: 0 0 1.29vw;
      font-size: 1.21vw;
      line-height: 1.55vw;
   }

   .footer__logo p {
      font-size: 1.03vw;
   }

   .contacts {
      gap: 2.07vw;
   }

   .footer .contacts .item {
      font-size: 1.21vw;
   }

   .phones-block {
      font-size: 1.55vw;
   }

   .footer .contacts .item a {
      font-size: 1.55vw;
   }

   .footer-block-title {
      font-size: 1.38vw;
      margin-bottom: 1.03vw;
   }

   .footer_links {
      gap: .52vw;
   }
}

@media (width < 640px) {
   .footer-main {
      padding: 0 10px;
      flex-direction: column;
      gap: 16px;
   }

   .bottom__row {
      padding: 0 10px;
      flex-direction: column;
      gap: 5px;
   }
}

/* footer END */

.page-wrapper .title {
   padding: 0;
   padding-bottom: 1rem;
}


.totop {
   position: fixed;
   width: 60px;
   height: 60px;
   right: 20px;
   bottom: 20px;
   background: url(../img/totop.svg);
   z-index: 5;
   opacity: 0;
   border-radius: 5px;
   transition: var(--main-transition);
}

.totop.opened {
   opacity: 1;
}

@media (width < 640px) {

   .page-wrapper .title,
   .title {
      font-size: 26px;
      padding: 1rem 0;
   }

   .tabs-btns {
      gap: 10px;
   }
}

/* single & categories page */
.page-wrapper {
   padding: 30px 10px;
   display: flex;
   gap: 20px;
}

.page-wrapper .container {
   padding: 0;
}

.aside {
   width: 23%;
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.aside .accordion {
   margin-top: 0;
}

.main-wrapper {
   width: 70%;
   display: flex;
   flex: 1;
   flex-direction: column;
   gap: 2rem;
}

.search-wrapper {
   font-size: 16px;
}

.aside .box__accordion {
   background-color: transparent;
}

.aside .box__accordion .box__accordion_label {
   display: flex;
   border-radius: 4px;
   padding: 8px 15px;
   background-color: var(--bg-color-light);
}

.aside .box__accordion .box__accordion_label-one {
   display: flex;
   border-radius: 4px;
   padding: 8px 15px;
   background-color: var(--bg-color-light);
   font-weight: 500;
   font-size: 16px;
}

.box__accordion_label-link {
   width: 80%;
   line-height: normal;
   transition: var(--main-transition);
   color: var(--color-text);
}

.aside .accordion .box__accordion .box__accordion_label::after {
   width: 20px;
   height: 20px;
   background-image: url(../img/arrow.svg);
}

.box__accordion_label-link:hover {
   color: var(--color-primary);
}

.aside .accordion .box__accordion.active .box__accordion_label::after {
   content: "" / "вкладка закрытая";
   transform: translateY(-50%) rotate(-180deg);
}

.aside_links {
   padding: 0 30px;
   gap: 10px;
   font-size: 16px;
}

.aside_links__item:first-child {
   padding-top: 15px;
}

.aside_links__item:last-child {
   padding-bottom: 15px;
}

.aside_links__item a {
   color: var(--color-text);
   transition: var(--main-transition);
}

.aside_links__item a:hover {
   color: var(--color-primary);
}

.info {
   display: flex;
   flex-direction: column;
   gap: 20px;
   border: 2px solid #cbcbcb;
   padding: 26px 24px;
   border-radius: 5px;
}

.info_logo {
   display: flex;
   justify-content: center;
}

.info_logo svg {
   width: 70px;
   height: 70px;
}

.info_text {
   font-size: 16px;
   text-align: center;
}

/* single & categories page END */
.breadcrumb {
   display: flex;
   gap: 4px;
   font-size: 14px;
   margin-bottom: 20px;
}

.breadcrumb-item a {
   color: var(--color-text);
   transition: var(--main-transition);
}

.breadcrumb-item a:hover {
   color: var(--color-primary);
}

.title-main {
   font-weight: 500;
   font-size: 28px;
   line-height: 1.2;
   text-transform: uppercase;
   width: fit-content;
   position: relative;
}

.title-main::after {
   content: '';
   position: absolute;
   top: 100%;
   left: 0;
   width: 100%;
   height: 4px;
   background-color: var(--color-primary);
}


.mini-features {
   list-style: none;
   margin: 0;
}

ul.mini-features li {
   padding-right: 15px;
   border-radius: 5px;
   font-size: 18px;
   line-height: 23px;
   font-weight: 500;
   margin: 18px 0;
   color: #414141;
   position: relative;
   padding-left: 38px;
}

ul.mini-features li:before {
   content: '';
   display: block;
   height: 24px;
   width: 24px;
   position: absolute;
   left: 0;
   background: url(../img/set.svg);
}

.anchors {
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
   background: #ebebeb;
   border-radius: 5px;
   padding: 10px 20px;
}

.anchors a {
   display: flex;
   font-size: 18px;
   align-items: center;
   color: var(--color-text);
   transition: var(--main-transition);
}

.anchors a:hover {
   color: var(--color-primary);
}

.anchors img {
   margin-right: 20px;
}

/* contact-form */
.contact-form {
   display: flex;
   gap: 20px;
   background: #e9e8e8;
   padding: 25px 30px !important;
   border-radius: 5px;
}

.contact-form__img {
   width: 20%;
   height: max-content;
   display: flex;
   border-radius: 50%;
   overflow: hidden;
}

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

.contact-form-wrapper {
   width: calc(80% - 20px);
}

.contact-form_title {
   font-size: 20px;
   margin-bottom: 10px;
   font-weight: 500;
}

.contact-form_text {
   font-size: 18px;
   margin-bottom: 10px;
}

.form-wrapper {
   display: flex;
   flex-direction: column;
}

.form-data {
   display: flex;
   gap: 20px;
}

.form-data input {
   width: 100%;
   padding: 10px 20px;
   font-size: 16px;
   border-radius: 4px;
   border: 1px solid var(--color-text);
}

.wpcf7-submit {
   background-color: var(--color-primary);
   color: var(--color-primaryInverse);
   transition: var(--main-transition);
   border: 1px solid transparent !important;
}

.wpcf7-submit:hover {
   background-color: var(--color-primary-hover);
}

.form-row .wpcf7-radio {
   display: flex;
   gap: 20px;
   margin-bottom: 10px;
}

.form-row label {
   display: flex;
   gap: 10px;
   align-items: center;
   font-size: 16px;
}

[type=radio] {
   width: 20px;
   height: 20px;
}

@media (width < 640px) {
   .contact-form {
      flex-direction: column;
      padding: 20px 20px !important;
      align-items: center;
   }

   .contact-form__img {
      width: 40%;
   }

   .contact-form-wrapper {
      width: 100%;
   }

   .contact-form_title {
      text-align: center;
   }

   .form-data {
      gap: 10px;
      flex-direction: column;
   }

   .form-row .wpcf7-radio {
      gap: 12px;
      flex-direction: column;
   }
}

/* contact-form END */
/* includs */
.includs {}

.includs .tabs-container {
   gap: 0;
}

.includs .tabs-btns {
   justify-content: flex-start;
   gap: 0;
   width: max-content;
   border-top: 1px solid #cfcfcf;
   border-right: 1px solid #cfcfcf;
   border-left: 1px solid #cfcfcf;
   border-radius: 5px 5px 0 0;
   overflow: hidden;
}

.includs .tab {
   padding: 8px 40px 12px;
   border-radius: 0;
   border-top: 5px solid transparent;
}

.includs .tab.active {
   background-color: var(--bg-color-light);
   color: var(--color-primary);
   border-top: 5px solid var(--color-primary);
}

.includs .tabs-content {
   gap: 10px;
   border-radius: 0 5px 5px 5px;
   border: 1px solid #cfcfcf;
}

.includs .page-tab {
   flex-direction: column;
}

.includs .col__tabl {
   width: 100%;
   padding: 10px 40px 10px 10px;
   display: flex;
   align-items: center;
   font-size: 16px;
}

.includs .col__tabl:nth-child(even) {
   background-color: var(--bg-color-light);
}

.includs .col__tabl::after {
   content: '';
   width: 30px;
   height: 30px;
   position: absolute;
   background-image: url(../img/checkbox-circle.svg);
   background-repeat: no-repeat;
   background-size: 100%;
   right: 10px;
}

@media (width < 640px) {
   .includs .tab {
      padding: 8px 20px 12px;
   }
}

/* includs END */

.main-wrapper .useful-information {
   /* padding: 2rem 0 1rem; */
   width: 100%;
}

.main-wrapper .information_item {
   min-width: 250px;
   width: calc(33.33333333% - 20px);
   margin: 18px 10px;
   color: var(--color-text);
}

.main-wrapper .faq {
   background-color: transparent;
   padding-bottom: 0;
}

.main-wrapper .tags-block {
   margin: 0;
}

/* form-question  */

.form-question {
   /* padding: 2rem 0 1rem; */
}

.form-question_body {
   display: flex;
   justify-content: space-between;
}

.form-question_left-part {
   width: 32%;
}

.form-question_right-part {
   width: 66%;
}

.wpcf7 {
   width: 100%;
}

.form-question_left-part p {
   display: flex;
   flex-direction: column;
}

.form-question_left-part input {
   padding: 13px 10px 13px 40px;
}

.form-question_right-part textarea {
   width: 100%;
   height: 170px;
   font-family: 'Qanelas';
   border-radius: 4px;
   padding: 10px 20px;
   font-size: 16px;
   border: 1px solid var(--color-text);
   resize: vertical;
}

.form-question_footer {
   margin-top: 20px;
   display: flex;
   gap: 20px;
   justify-content: space-between;
}

.form-question_left-part span {
   position: relative;
   display: flex;
   align-items: center;
   flex-direction: column;
}

.form-question_left-part span::after {
   content: '';
   width: 30px;
   height: 30px;
   position: absolute;
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
   top: 7px;
   left: 5px;
}

.form-question_left-part span:nth-child(1)::after {
   background-image: url(../img/inp1.svg);
}

.form-question_left-part span:nth-child(3)::after {
   background-image: url(../img/inp2.svg);
}

.form-question_left-part span:nth-child(5)::after {
   background-image: url(../img/inp3.svg);
}

@media (width < 640px) {
   .form-question_body {
      flex-direction: column;
      gap: 20px;
   }

   .form-question_left-part,
   .form-question_right-part {
      width: 100%;
   }
}

/* form-question END */

/* reviews */

.reviews {}

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

.swiper {
   margin-top: 10px;
}

.review {
   width: calc(50% - 10px);
   display: flex;
   flex-direction: column;
   gap: 10px;
   padding: 20px;
   background-color: var(--bg-color-light);
   border-radius: var(--main-border-radius);
   font-size: 16px;
}

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

.swiper-reviews {
   width: 100%;
}

.swiper-button-wrapper {
   height: 50px;
   display: flex;
   flex-direction: row-reverse;
   gap: 35px;
}

.swiper-button-prev,
.swiper-button-next {
   position: relative;
   color: var(--color-primaryInverse);
   width: 40px;
   height: 40px;
   border-radius: 50%;
   background: var(--color-primary);
}

.swiper-button-next::after,
.swiper-button-prev::after {
   font-size: 20px;
   font-weight: 600;
}

.review__title_logo {
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 30px;
   font-weight: 600;
   color: #fff;
   border-radius: 50%;
   background-color: var(--color-primary);
}

.review__title_name {
   font-size: 16px;
   font-weight: 500;
}

.review__rating {
   display: flex;
   gap: 3px;
}

.review__rating svg {
   width: 20px;
   height: 20px;
}

.review_text {
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   overflow: hidden;
   transition: var(--main-transition);
   height: auto;
   min-height: 100px;
}

.review_text-more {
   height: 100px;
}

@media (width < 640px) {
   .review {
      width: 100%;
   }
}

/* .review_text-more::before {
   content: '';
   position: absolute;
   width: 100%;
   bottom: 0;
   right: 0;
   height: 50px;
   background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--bg-color-light) 75%);
} */

.more {
   position: absolute;
   display: none;
   align-items: end;
   transition: var(--main-transition);
   right: 0;
   bottom: -3px;
   font-size: 16px;
   width: 100%;
   text-align: end;
   background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--bg-color-light) 50%);
}

.more:hover {
   color: var(--color-primary);
}

.review_text-more .more {
   display: block;
}

.review_data {
   display: flex;
   gap: 10px 20px;
   flex-wrap: wrap;
   opacity: .7;
}

.review_data__link {
   width: 100%;
}

/* reviews END */

/* examples */

.examples {}

.swiper-examples {
   width: 100%;
}

.example {
   width: 46%;
   height: auto;
   display: flex;
   flex-direction: column;
   gap: 10px;
   padding: 0 0 20px;
   background-color: var(--bg-color-light);
   border-radius: 5px;
   font-size: 16px;
   overflow: ;
}

.example_img {
   display: flex;
   width: 100%;
   max-height: 240px;
   align-items: center;
   justify-content: center;
   border-radius: 5px 5px 0 0;
   overflow: hidden;
}

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

.example_text {
   padding: 0 20px;
   font-size: 16px;
   font-weight: 600;
}

/* examples END */

@media (width < 992px) {

   .aside {
      display: none;
   }

   .main-wrapper {
      width: 100%;
      padding: 0;
      gap: 14px;
   }

   .title {
      padding: 1rem 0;
   }
}

@media (width < 640px) {
   .swiper {
      margin-top: 0;
   }

   .swiper-reviews,
   .swiper-examples {
      width: 100%;
   }

   .swiper-button-wrapper {
      height: 50px;
   }

   .swiper-button-prev,
   .swiper-button-next {
      width: 30px;
      height: 30px;
   }

   .swiper-button-next::after,
   .swiper-button-prev::after {
      font-size: 15px;
   }
}

/* page news */
.new-wrapper {
   display: flex;
   flex-wrap: wrap;
}

article.information_item {
   padding-bottom: 20px;
}

.read-more {
   font-size: 14px;
   text-align: start;
   padding-left: 22px;
   color: var(--color-text);
   transition: var(--main-transition);
}

.read-more:hover {
   color: var(--color-primary);
}

/* modal_new */
.modal_new,
.modal_form,
.modal_form-messenger {
   position: fixed;
   top: 0;
   left: -100%;
   width: 100%;
   height: 100%;
   z-index: 999;
   align-items: center;
   justify-content: center;
   background-color: #000000d3;
   transition: var(--main-transition);
   display: flex;
}

.modal_new.open,
.modal_form.open,
.modal_form-messenger.open {
   left: 0;
}

.modal_new-wrapper {
   position: relative;
   width: 93%;
   max-width: 900px;
   max-height: 90vh;
   padding-bottom: 30px;
   display: flex;
   flex-direction: column;
   gap: 20px;
   font-size: 18px;
   background-color: var(--bg-primary);
   border-radius: var(--main-border-radius);
}

.btn-close {
   position: absolute;
   top: -10px;
   right: -10px;
   filter: drop-shadow(0px 0px 3px black);
   background: aliceblue;
   border-radius: 50%;
   display: flex;
   padding: 6px;
}

.btn_form-close--click,
.btn_form--click {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   z-index: 1;
}

.modal_img {
   display: flex;
   max-height: 40vh;
   border-radius: var(--main-border-radius) var(--main-border-radius) 0 0;
   overflow: hidden;
}

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

.btn-close svg {
   width: 25px;
   height: 25px;
}

.modal_new-header {
   display: flex;
   padding: 0 20px;
   gap: 20px;
   align-items: center;
   font-size: 20px;
}

.modal__tilte {
   font-weight: 600;
}

.modal__new_content {
   max-height: 40vh;
   padding: 0 20px;
   text-indent: 30px;
   text-align: justify;
   overflow-y: auto;
}

@media (width < 640px) {

   .new-wrapper {
      gap: 20px;
   }

   .modal_new-wrapper {
      padding-bottom: 15px;
      gap: 10px;
      font-size: 16px;
   }

   .modal_new-header {
      padding: 0 10px;
      gap: 0;
      align-items: flex-start;
      font-size: 18px;
      flex-direction: column;
   }

   .modal__new_content {
      padding: 0 10px;
   }
}

/* modal_new END */

/* page news END */

/* page-prices */
.page-prices {
   font-size: 16px;
}

.link-list {
   display: flex;
   flex-direction: column;
   gap: 10px;
   padding-left: 30px;
}

.link-list li {
   list-style-type: disc;
}

.link-list li a {
   text-decoration: underline;
}

.prices-tabl {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.tabl_title {
   font-size: 22px;
   font-weight: 600;
   color: var(--color-primary);
}

.tabl_tabl table {
   width: 100%;
   border-collapse: collapse;
}

.tabl_tabl table tr td {
   font-size: 15.7245px;
   line-height: 17px;
   padding: 11px 13px;
   border: 1px solid var(--bg-color-light);
}

/* page-prices END */
.wp-content h2,
.wp-content h3,
.wp-content h4 {
   display: block;
   font-size: 1.5em;
   margin-block-start: 0.83em;
   margin-block-end: 0.83em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   font-weight: bold;
   unicode-bidi: isolate;
}

.wp-content ul {
   list-style-type: disc;
   margin-block-start: 1em;
   margin-block-end: 1em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   padding-inline-start: 40px;
}

.wp-content li {
   display: list-item;
   list-style-type: disc;
}

.wp-content p {
   margin-block-start: 1em;
   margin-block-end: 1em;
}

/* modal_form */
.modal_form-wrapper {
   position: relative;
   width: 90%;
   max-width: 600px;
   max-height: 90vh;
   padding: 30px;
   display: flex;
   flex-direction: column;
   gap: 20px;
   font-size: 18px;
   background-color: var(--bg-primary);
   border-radius: var(--main-border-radius);
}

.form-wrapper {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.modal_form-wrapper form {
   gap: 12px;
   display: flex;
   flex-direction: column;
}

.modal_form-messenger .wpcf7-form-control-wrap {
   display: flex;
   width: 100%;
   justify-content: center;
   flex-direction: column;
   align-items: center;
}

.form-text-small {
   font-size: 13px;
}

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

/* modal_form END */

table tr td {
   font-size: 15.7245px;
   line-height: 17px;
   padding: 11px 13px;
   border: 1px solid #a8a8a8;
}

table tr:nth-child(even) {
   background-color: var(--bg-color-light);
}

table thead th {
   font-size: 15.7245px;
   line-height: 17px;
   padding: 11px 13px;
   border: 1px solid #a8a8a8;
   background-color: #a8a8a8;
}

.differences_tabl {
   overflow-x: auto;
}

.differences {
   width: 100%;
   border-spacing: 5px;
}

.differences .our {
   border: 2px solid var(--color-primary);
}

.differences th {
   font-size: 15.7245px;
   line-height: 17px;
   padding: 11px 13px;
   border: 1px solid #a8a8a8;
   background-color: #a8a8a8;
}

th.our {
   background-color: var(--color-primary);
   color: var(--color-primaryInverse);
}

.differences td {
   text-align: center;
}

@media (width < 640px) {

   .header-wrapper {
      padding: 1rem 0;
   }

   .btn_form--click {
      position: absolute;
      top: -10px;
      right: 0;
      left: -20px;
      bottom: 0;
      z-index: 100;
   }

   .tabl_tabl table tr td {
      font-size: 14px;
      padding: 6px 10px;
   }

   .totop {
      width: 50px;
      height: 50px;
   }

   .tabs-container {
      gap: 20px;
   }
}