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

   box-sizing: border-box;
}

*:focus {
   outline: none;
}

a {
   text-decoration: none;

   color: inherit;
}

body,
div,
dl,
dt,
dd,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
input,
textarea,
p,
a,
blockquote,
th,
td {
   margin: 0;

   padding: 0;
}

table {
   border-collapse: collapse;

   border-spacing: 0;
}

fieldset,
img,
abbr {
   border: 0;
}

ul li {
   list-style: none;
}

caption,
th {
   text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-size: 100%;

   font-weight: normal;
}

sup {
   vertical-align: text-top;
}

sub {
   vertical-align: text-bottom;
}

input,
textarea,
select {
   font-family: inherit;

   font-size: inherit;

   font-weight: inherit;
}

legend {
   color: #000;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
   display: block;
}

img,
iframe,
figure {
   max-width: 100%;

   height: auto;
}

:root {
   --primary: #951a4a;

   --selection: #ae476f;

   --heading-color: #2f3540;

   --font-color: #212121;

   --body-font-size: 1.6rem;

   --swiper-theme-color: #212121;
}

html {
   font-size: 62.5%;
}

body {
   font-family: "Manrope", sans-serif;

   font-size: var(--body-font-size);

   color: var(--font-color);

   overflow-x: hidden;
}

a:hover,
button:hover {
   cursor: pointer;
   transition: 0.3s ease;
}

.container {
   max-width: 1140px;

   margin: 0 auto;
}

::-moz-selection {
   background-color: var(--selection);
}

::selection {
   background-color: var(--selection);
}

img {
   image-rendering: optimizeQuality;

   image-rendering: -webkit-optimize-contrast;
}

.section {
   padding-top: 90px;
   padding-bottom: 100px;
}

.section.condition {
   margin-bottom: 50px;
}

.section.gray {
   background-color: #f9f9f9;
}

@media (max-width: 767.98px) {
   .section {
      padding: 6rem 0;
   }
}

.navbar {
   position: absolute;
   top: 30px;
   z-index: 999;
   max-width: 1140px;
   margin: 0 auto;
   left: 50%;
   transform: translateX(-50%);
   /* position: fixed; */
   width: 100%;
   /* opacity: 1;
   z-index: 9999; */

   background: #fff;
   border-radius: 10px;
   transition: top 0.3s ease, box-shadow 0.3s ease;
}

.navbar.fixed {
   position: fixed;
   width: 100%;
   z-index: 1000;
   top: 10px;
}

.navbar .container {
   padding: 10px 20px 0 20px;
}

.navbar-row .hr {
   background: #e8e8e8;
   width: 100%;
   height: 1px;
   margin: 0;
}

.navbar__block {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.navbar__block:first-child {
   border-bottom: 1px solid #e8e8e8;
}

.navbar__elems {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

/* MVG */
.work-time {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-right: 11px;
   font-size: 14px;
}

.sotical {
   display: flex;
   align-items: center;
   gap: 6px;
   margin-right: 27px;
}

.contacts {
   display: flex;
   align-items: center;
   gap: 27px;
   margin-right: 33px;
}

.contacts__block {
   display: flex;
   align-items: center;
   gap: 6px;
}

.contacts__icon {
   width: 16px;
   height: 16px;
}

.contacts__link {
   font-weight: 400;
   font-size: 14px;
   line-height: 107%;
   color: #212121;
}

.contacts__tel {
   font-weight: 700;
}

.contacts a:hover {
   color: #4149f2;
}

/* MVG */

/* global  */
.bg-white {
   background: #fff;
}

.circle-icon {
   width: 8px;
   height: 8px;
   border-radius: 50%;
}

.circle-icon_green {
   background-color: #1fdf00;
}

.btn_blue {
   border-radius: 5px;
   padding: 13px 16px;
   width: 150px;
   height: 41px;
   background: #4149f2;
   font-weight: 400;
   font-size: 14px;
   line-height: 107%;
   color: #fff;
}

.btn_blue:hover {
   color: #fff;
   cursor: pointer;
   background: #646bef;
}

.row {
   display: flex;
}

.col-6 {
   max-width: 50%;
}

.quote {
   font-weight: 300;
   font-size: 20px;
   line-height: 155%;
   color: #212121;
   border-left: 2px solid #4149f2;
   padding: 12px 0;
   padding-left: 19px;
   color: #555;
   margin-bottom: 27px;
}

.filter {
   display: flex;
   align-items: center;
   gap: 30px;
   margin-bottom: 40px;
}

.filter__item {
   font-weight: 400;
   font-size: 16px;
   line-height: 156%;
   color: #212121;
   cursor: pointer;
   padding-bottom: 5px;
   border-bottom: 1px solid transparent;
}

.filter__item:hover {
   color: #4149f2;
}

.filter__item.active {
   color: #4149f2;
   border-bottom: 1px solid #4149f2;
}

.loader {
   width: 50px;
   aspect-ratio: 1;
   border-radius: 50%;
   border: 8px solid #514b82;
   animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear;
}

@keyframes l20-1 {
   0% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
   }

   12.5% {
      clip-path: polygon(50% 50%,
            0 0,
            50% 0%,
            100% 0%,
            100% 0%,
            100% 0%,
            100% 0%);
   }

   25% {
      clip-path: polygon(50% 50%,
            0 0,
            50% 0%,
            100% 0%,
            100% 100%,
            100% 100%,
            100% 100%);
   }

   50% {
      clip-path: polygon(50% 50%,
            0 0,
            50% 0%,
            100% 0%,
            100% 100%,
            50% 100%,
            0% 100%);
   }

   62.5% {
      clip-path: polygon(50% 50%,
            100% 0,
            100% 0%,
            100% 0%,
            100% 100%,
            50% 100%,
            0% 100%);
   }

   75% {
      clip-path: polygon(50% 50%,
            100% 100%,
            100% 100%,
            100% 100%,
            100% 100%,
            50% 100%,
            0% 100%);
   }

   100% {
      clip-path: polygon(50% 50%,
            50% 100%,
            50% 100%,
            50% 100%,
            50% 100%,
            50% 100%,
            0% 100%);
   }
}

@keyframes l20-2 {
   0% {
      transform: scaleY(1) rotate(0deg);
   }

   49.99% {
      transform: scaleY(1) rotate(135deg);
   }

   50% {
      transform: scaleY(-1) rotate(0deg);
   }

   100% {
      transform: scaleY(-1) rotate(-135deg);
   }
}

.order-call-btn {
   background: #4149f2;
   border-radius: 5px;
   padding: 13px 16px;
   width: 142px;
   height: 41px;
   font-weight: 400;
   font-size: 14px;
   line-height: 107%;
   color: #fff;
   border: none;
}

.order-call-btn:hover {
   color: #fff;
   cursor: pointer;
   background: #646bef;
}

.banner {
   position: relative;
   min-height: 774px;
   padding-top: 240px;
   padding-bottom: 169px;
   color: #fff;
   --banner-bg: none;
   --banner-bg-mob: var(--banner-bg);
}

   .banner::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   clip-path: polygon(0% 0%, 100% 0%, 100% 99%, 0% 81%);
   width: 100%;
   height: 100%;
   object-fit: cover;
   overflow: hidden;
   z-index: -1;
   background-image: var(--banner-bg);
   background-repeat: no-repeat;
   background-size: cover;
}

.banner-wrapper {
   position: relative;
   max-width: 1538px;
   margin: 0 auto;
   margin-bottom: 30px;
}

.banner .swiper-button-next:after,
.banner .swiper-button-prev:after {
   color: #fff;
}

.banner .swiper-pagination {
   display: none;
}

.banner .swiper-slide {
   display: block;
}

.banner__title {
   margin-bottom: 20px;
}

.banner .intro {
   max-width: 573px;
   color: #fff;
   line-height: 155%;
   margin-bottom: 50px;
}

.banner__btn {
   display: block;
   border-radius: 5px;
   padding: 22px 36px;
   width: 159px;
   height: 59px;
   background: #4149f2;

   font-weight: 400;
   font-size: 16px;
   line-height: 94%;
   color: #fff;
}

.banner__btn:hover {
   cursor: pointer;
   background: #646bef;
}

.banner-block {
   max-width: 1140px;
   width: 100%;

   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   bottom: -60px;
}

.banner-block__elems {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.banner-block__items {
   display: flex;
   align-items: center;
   gap: 30px;
}

.banner-text-block__items {
   display: flex;
   align-items: center;
   gap: 15px;
}

.banner-block__item {
   display: flex;
   gap: 11px;
}

.banner-block__link {
   text-decoration: none;
}

.banner-block__link:hover {
   color: #4149f2;
}

.banner-block__link:hover .banner-block__intro {
   color: #4149f2;
}

.banner-block__link.active {
   color: #4149f2;
}

.banner-block__link.active .banner-block__intro {
   color: #4149f2;
}

.banner-text-block__item {
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding-left: 22px;
   gap: 5px;
   width: 175px;
   height: 175px;
   border-radius: 14px;
   background: #888cee;
}

.banner-text-block__item:nth-child(2) {
   background: #646bef;
}

.banner-text-block__item:nth-child(3) {
   background: #4149f2;
}

/* .banner-text-block__item:last-child {
   background: #4149f2;
} */

.banner-block__intro {
   font-weight: 700;
   font-size: 16px;
   line-height: 312%;
   color: #212121;
}

/* .banner-block . */
.banner-text-block__intro {
   font-weight: 400;
   font-size: 40px;
   line-height: 125%;
   color: #fff;
}

.banner-text-block__text {
   max-width: 113px;

   font-weight: 400;
   font-size: 15px;
   line-height: 140%;
   color: #fff;
}

/*Text block*/
/* Текстовый блок h2 */

.text-block__h2 {
   font-size: 28px;
   font-weight: 500;
   color: var(--color-text);
   line-height: 1.2;
}

/* Текстовый блок h3 */

.middle-size-h3 {
   font-size: 18px;
   font-weight: 500;
   line-height: 24px;
   color: var(--color-text);
}

/* Текстовый блок с номером */
.text-block_numb-title {
   font-size: 15px;
   font-weight: 400;
   line-height: 24px;
   color: var(--color-text);
}

.text-block_numb-wr {
   gap: 10px;
}

.text-block_numb {
   font-size: 15px;
   font-weight: 700;
   line-height: 24px;
   color: var(--color-logo);
}

/* Сингл команда шаблон */

.single-wr__mobile {
   display: none;
}

.single-title__team {
   margin-bottom: 0;
}

.single-desc__top {
   margin-top: 15px;
   font-size: 18px;
   font-weight: 500;
   color: var(--color-text);
   margin-bottom: 45px;
}

/* Текстовый блок "блок с текстом" */

.text-editor p {
   font-weight: 400;
   font-size: 15px;
   line-height: 160%;
   color: #212121;
   margin-bottom: 24px;
}

.text-editor p:last-child {
   margin-bottom: 0 !important;
}

/* Текстовый блок "Наш опыт" */

.our-expirience {
   width: 100%;
   margin-bottom: 20px;
   background-color: #fff;
}

.our-expirience__title {
   background-color: var(--color-block);
   padding: 20px 40px 14px 20px;
   margin-bottom: 16px;
}

.our-expirience__title p {
   font-size: 20px;
   font-weight: 500;
   line-height: 1.2;
   color: #fff;
}

.our-expirience__text {
   font-size: 15px;
   font-weight: 400;
   color: var(--color-text);
   margin-bottom: 11px;
   padding: 0px 40px 0px 20px;
}

.our-expirience__text span {
   font-weight: 600;
}

.our-expirience__text:last-child {
   margin-bottom: 0;
   padding-bottom: 20px;
}

/* Текстовый блок ютуб */

.text-block__video {
   position: relative;
   width: 100%;
   height: 326px;
   /* Высота для десктопа */
   overflow: hidden;
}

.text-block__video iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}

/* Текстовый блок цитата */

.text-block__quote {
   position: relative;
   padding-left: 13px;
}

.text-block__quote:before {
   content: "";
   top: 0;
   left: 0;
   width: 2px;
   height: 100%;
   background-color: var(--color-logo);
   position: absolute;
}

.text-block__quote p {
   font-size: 15px;
   font-weight: 400;
   line-height: 23px;
   color: var(--color-text);
}

/* Текстовый блок списки */

.text-block__list-dots ul,
.text-block__list-dots ol {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.text-block__list-dots-rhombus .text-block__list:before,
.text-block__sublist-dots-rhombus .text-block__sublist:before {
   content: "";
   width: 8px;
   height: 8px;
   transform: rotate(45deg);
   background-color: var(--color-logo);
   top: 7px;
   left: 6px;
   position: absolute;
}

.text-block__list-dots-triangle .text-block__list:before,
.text-block__sublist-dots-triangle .text-block__sublist:before {
   content: "";
   width: 7px;
   height: 12px;
   top: 6px;
   left: 9px;
   position: absolute;
   background-image: url(../images/triangle-dot.svg);
}

.text-block__list-dots-arrows .text-block__list:before,
.text-block__sublist-dots-arrows .text-block__sublist:before {
   content: "";
   position: absolute;
   background: url("../img/icons/check.svg") no-repeat center;
   left: 0;
   width: 20px;
   height: 24px;
}

/* Текстовый блок отступы */

.text-block__margins-desktop,
.text-block__margins-mobile {
   width: 100%;
   background-color: transparent;
}

.text-block__margins-mobile {
   display: none;
}

.text-block__margins-0px {
   height: 0px;
}

.text-block__margins-10px {
   height: 10px;
}

.text-block__margins-20px {
   height: 20px;
}

.text-block__margins-30px {
   height: 30px;
}

.text-block__margins-40px {
   height: 40px;
}

.text-block__margins-45px {
   height: 45px;
}

.text-block__margins-50px {
   height: 50px;
}

.text-block__margins-60px {
   height: 60px;
}

/*End Text block*/

.article-text-first {
   margin-top: 0;
   margin-bottom: 60px;
}

.section.text-block h2,
.article-text h2 {
   font-weight: 400;
   font-size: 36px;
   line-height: 120%;
   color: #212121;
}

.section.text-block h3,
.article-text h3 {
   font-weight: 400;
   font-size: 36px;
   line-height: 120%;
   color: #212121;
}

.section.text-block p,
.article-text p {
   font-weight: 400;
   font-size: 15px;
   line-height: 160%;
   color: #212121;
   margin-bottom: 24px;
}

.section.text-block ol,
.section.text-block ul,
.article-text ol,
.article-text ul {
   padding: 0;
}

.section.text-block ul,
.article-text ul {
   list-style-type: none;
}

.section.text-block ul li,
.article-text ul li {
   position: relative;
   font-weight: 400;
   font-size: 15px;
   line-height: 160%;
   color: #212121;
   padding-left: 30px;
}

.section.text-block ul li::before,
.article-text ul li::before {
   content: "\2014";
   /* Юникод для - */
   position: absolute;
   left: 0;
   font-size: 20px;
   color: #4149f2;
   background: none;
   width: 20px;
   height: auto;
}

.section.text-block blockquote ul li::before,
.article-text blockquote ul li::before {
   content: "\2014";
   /* Юникод для - */
   position: absolute;
   left: 0;
   font-size: 20px;
   color: #4149f2;
   background: none;
   width: 20px;
   height: auto;
}

.section.text-block ol li,
.article-text ol li {
   font-size: 15px;
   line-height: 160%;
   color: #212121;
   margin-left: 20px;
   padding-left: 10px;
}

.section.text-block ol li::marker,
.article-text ol li::marker {
   font-weight: 700;
   font-size: 18px;
   line-height: 133%;
   color: #4149f2;
}

.swiper-pagination-bullet {
   width: 10px;
   height: 10px;
   margin-right: 10px;
   flex: 0 0 auto;
}

.swiper-container {
   /* padding: 10px 0; */
   margin: -20px;
   padding: 20px;
}

.banner .swiper-container {
   padding: 0;
   margin: 0 auto;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
   color: #4149f2;
}

/* Скрываем слайдер для ПК */
.swiper-mobile {
   display: none;
}

.swiper-pagination {
   display: none;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
   display: none !important;
   /* Прячем стрелки, если они не активны */
}

/* cockies */
.cockies {
   position: fixed;
   width: 100%;
   bottom: 0;
   background: #fff;
   z-index: 999999999;
   padding: 30px 0;
}

.cockies__block {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.cockies__text {
   font-weight: 400;
   font-size: 14px;
   line-height: 143%;
   color: #212121;
   max-width: 850px;
}

.cockies__link {
   color: #4149f2;
   font-weight: 400;
   font-size: 14px;
   line-height: 143%;
}

.cockies__btn {
   display: flex;
   align-items: center;
   justify-content: center;
   background: transparent;
   border: 1px solid #4149f2;
   border-radius: 5px;
   padding: 13px 16px;
   width: 89px;
   height: 41px;
   font-weight: 400;
   font-size: 14px;
   line-height: 107%;
   color: #212121;
}

.cockies__btn:hover {
   background: #4149f2;
   color: #fff;
}

/* End cockies */

/* End global  */

.menu {
   position: relative;
   display: flex;
   align-items: center;
   gap: 30px;
}

.menu .sub-menu {
   position: absolute;
   display: none;
   border-radius: 10px;
   background: #f3f4fb;
   max-width: 332px;
   width: 332px;
   padding: 20px 0px;
   padding-bottom: 5px;
   z-index: 999;
}

.menu>li {
   /* padding: 16px 0; */
}

.menu>li:first-child {
   position: relative;
   padding-left: 26px;
}

.menu>li:first-child>a::before {
   content: "";
   background: url("../img/icons/dots-menu.svg") no-repeat center;
   position: absolute;
   width: 18px;
   height: 18px;
   top: 15px;
   left: 0;
}

.menu>li:first-child a:hover::before {
   background: url("../img/icons/dots-menu-hover.svg") no-repeat center;
}

.menu>li:first-child a.active::before {
   background: url("../img/icons/dots-menu-hover.svg") no-repeat center;
}

.menu>li a {
   display: flex;
   padding: 16px 0;
   font-weight: 700;
   font-size: 14px;
   line-height: 121%;
   color: #212121;
   cursor: pointer;
}

.menu li a:hover {
   color: #4149f2;
}

.menu li a.active {
   color: #4149f2;
}

.menu li.current-menu-item a {
   color: #4149f2;
   text-decoration: underline;
}

body.post-type-archive-proekty .menu>li:nth-child(2)>a {
   color: #4149f2;
   text-decoration: underline;
}

body.post-type-archive-stati .menu>li:nth-child(3)>a {
   color: #4149f2;
   text-decoration: underline;
}

.menu>li.menu-item-has-children:hover>.sub-menu {
   display: block;
}

.menu>li.menu-item-has-children:first-child>.sub-menu {
   left: -20px;
}

.sub-menu li .sub-menu {
   display: none;
   flex-direction: column;
   flex-wrap: wrap;
   max-width: 818px;
   width: 818px;
   padding: 16px 53px;
   padding-top: 40px;
   left: 97%;
   top: 0;
   gap: 20px;
   border-radius: 0 10px 10px 0px;
   border-left: 1px solid #cbcddb;
   height: 100%;
   align-items: flex-start;
}

.sub-menu li:hover .sub-menu {
   display: flex;
}

.sub-menu li {
   padding-right: 17px;
   padding-left: 13px;
}

.sub-menu li .sub-menu li {
   width: 45%;
}

.sub-menu li .sub-menu li a {
   font-weight: 400;
   font-size: 14px;
   line-height: 121%;
   text-decoration: underline;
   text-decoration-skip-ink: none;
   color: #212121;
   background-color: transparent;
   height: auto;
   padding: 0;
}

.sub-menu li .sub-menu li a:hover {
   background-color: transparent;
   color: #4149f2;
}

.menu-item-type-custom .sub-menu {}

.menu .sub-menu li a {
   position: relative;
   display: flex;
   align-items: center;
   gap: 16px;
   border-radius: 10px;
   width: 100%;
   height: 63px;
   padding: 12px 18px;
   padding-left: 75px;
   font-weight: 700;
   font-size: 15px;
   line-height: 113%;
   color: #212121;
}

.menu .sub-menu li a:hover,
.menu .sub-menu li a.active {
   background: #4149f2;
   color: #fff;
}

.menu .sub-menu>li.current-menu-item>a {
   background: #4149f2;
   color: #fff;
   text-decoration: none;
}

.menu .sub-menu>li .sub-menu>li.current-menu-item a {
   background: none;
   color: #4149f2;
}

.menu .sub-menu li:first-child a:hover::before {
   background: url("../img/icons/dots-menu-hover.svg") no-repeat center;
}

.menu>li>.sub-menu>li>a::before {
   content: "";
   position: absolute;
   width: 40px;
   height: 40px;
   top: 50%;
   transform: translateY(-50%);
   left: 18px;
}

.menu>li>.sub-menu>li:first-child>a::before {
   background: url("../img/icons/fan-menu.svg") no-repeat center;
}

.menu>li>.sub-menu>li:nth-child(2)>a::before {
   background: url("../img/icons/air-conditioning.svg") no-repeat center;
}

.menu>li>.sub-menu>li:nth-child(3)>a::before {
   background: url("../img/icons/moisturizer.svg") no-repeat center;
}

.menu>li>.sub-menu>li:nth-child(4)>a::before {
   background: url("../img/icons/moisturizer2.svg") no-repeat center;
}

.menu>li:first-child>.sub-menu>li a::after {
   content: "";
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 28px;
   width: 12px;
   height: 12px;
   background: url("../img/icons/arrow-right.svg") no-repeat center;
}

/* active */

.menu>li>.sub-menu>li:first-child.current-menu-item>a::before {
   background: url("../img/icons/fan-white.svg") no-repeat center;
}

.menu>li>.sub-menu>li:nth-child(2).current-menu-item>a::before {
   background: url("../img/icons/air-conditioning-white.svg") no-repeat center;
}

.menu>li>.sub-menu>li:nth-child(3).current-menu-item>a::before {
   background: url("../img/icons/moisturizer-white.svg") no-repeat center;
}

.menu>li>.sub-menu>li:nth-child(4).current-menu-item>a::before {
   background: url("../img/icons/moisturizer2-white.svg") no-repeat center;
}

/* Когда элемент активен (имеет класс .active) */
.menu>li>.sub-menu>li:first-child>a.active::before {
   background: url("../img/icons/fan-white.svg") no-repeat center;
}

.menu>li>.sub-menu>li:nth-child(2)>a.active::before {
   background: url("../img/icons/air-conditioning-white.svg") no-repeat center;
}

.menu>li>.sub-menu>li:nth-child(3)>a.active::before {
   background: url("../img/icons/moisturizer-white.svg") no-repeat center;
}

.menu>li>.sub-menu>li:nth-child(4)>a.active::before {
   background: url("../img/icons/moisturizer2-white.svg") no-repeat center;
}

.menu>li:first-child>.sub-menu>li.current-menu-item a::after {
   background: url("../img/icons/arrow-right-white.svg") no-repeat center;
}

/* //hover */
.menu>li>.sub-menu>li:first-child>a:hover::before {
   background: url("../img/icons/fan-white.svg") no-repeat center;
}

.menu>li>.sub-menu>li:nth-child(2)>a:hover::before {
   background: url("../img/icons/air-conditioning-white.svg") no-repeat center;
}

.menu>li>.sub-menu>li:nth-child(3)>a:hover::before {
   background: url("../img/icons/moisturizer-white.svg") no-repeat center;
}

.menu>li>.sub-menu>li:nth-child(4)>a:hover::before {
   background: url("../img/icons/moisturizer2-white.svg") no-repeat center;
}

.menu>li:first-child>.sub-menu>li:hover a::after {
   background: url("../img/icons/arrow-right-white.svg") no-repeat center;
}

/* Основное мобильное меню */
.mobile-menu {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #fff;
   z-index: 1001;
   display: none;
   flex-direction: column;
   justify-content: space-between;
   transform: translateX(-100%);
   transition: transform 0.3s ease-in-out;
}

.mobile-menu.active {
   display: flex;
   transform: translateX(0);
}

/* Заголовок меню */
.mobile-menu__header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 10px;
}

.mobile-menu__content {
   position: relative;
   padding: 30px;
   background: #f3f4fb;
   min-height: 100vh;
}

.mobile-menu__logo {
   max-width: 146px;
   height: 34px;
}

.menu-close-icon {
   cursor: pointer;
}

/* Список меню */
.mobile-menu__list {
   list-style: none;
   padding: 0;
   margin-bottom: 20px;
}

.mobile-menu__list li {
   margin-bottom: 15px;
}

.mobile-menu__list a {
   text-decoration: none;
   font-weight: 700;
   font-size: 16px;
   line-height: 162%;
   color: #212121;
}

.mobile-menu__sub-menu {
   max-height: 500px;
   overflow-y: auto;
}

.mobile-menu__sub-menu a {
   font-weight: 400;
   font-size: 16px;
   line-height: 162%;
   color: #212121;
}

.mobile-menu__nav {
   position: absolute;
   bottom: 75px;
   left: 20px;
}

/* Контакты */
.mobile-menu__contacts {
   margin-top: 50px;
   font-size: 14px;
   color: #555;
}

.mobile-menu__contacts-link {
   display: flex;
   align-items: center;
   gap: 11px;
   margin-bottom: 14px;
   font-weight: 400;
   font-size: 14px;
   line-height: 107%;
   color: #212121;
}

.mobile-menu__contacts-tel-link {
   font-weight: 700;
}

.mobile-menu__contacts-link:hover {
   font-weight: 700;
}

.mobile-menu__socials {
   display: flex;
   align-items: center;
   gap: 10px;
   padding-top: 10px;
}

.mobile-menu__contacts-icon {
   width: 20px;
   height: 20px;
}

.mobile-menu__btn {
   border-radius: 5px;
   padding: 22px 14px;
   width: 145px;
   height: 50px;
   font-weight: 400;
   font-size: 14px;
   line-height: 107%;
   color: #fff;
   margin-top: 17px;
}

.mobile-menu__address {
   margin-top: 30px;
   font-weight: 400;
   font-size: 14px;
   line-height: 121%;
   color: #212121;
}

/* Анимация переходов */
.mobile-menu__list .menu-item-has-children>a::after {
   content: ">";
   margin-left: 5px;
}

.mobile-menu__list .sub-menu {
   display: none;
   padding-left: 15px;
}

.mobile-menu__list .menu-item-has-children.open>.sub-menu {
   display: block;
}

.mobile-menu__back {
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
   margin-bottom: 15px;
}

.back-button-block {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.mobile-menu__back .back-button {
   cursor: pointer;
   font-weight: 200;
   font-size: 12px;
   line-height: 125%;
   color: #989898;
   padding-bottom: 3px;
}

.mobile-menu__back .current-title {
   font-weight: 700;
   font-size: 16px;
   line-height: 162%;
   text-transform: uppercase;
   color: #212121;
   max-width: 200px;
}

.adress {
   font-weight: 400;
   font-size: 14px;
   line-height: 121%;
   color: #212121;
}

/* End MVG */

#services {
   background: url("../img/bg/services-bg.jpg") no-repeat center/cover;
}

.footer {
   background: #161722;

   color: #fff;

   padding-top: 46px;
   padding-bottom: 36px;
}

.footer__block {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.footer-contacts {
   display: flex;
   align-items: center;
   gap: 39px;
}

.footer-contacts__link {
   display: flex;
   align-items: center;
   gap: 6px;
   font-weight: 400;
   font-size: 14px;
   line-height: 107%;
   color: #fff;
}

.footer-contacts__tel-link {
   font-weight: 700;
}

.footer-contacts__link:hover {
   color: #4149f2;
}

.footer__sotical {
   display: flex;
   align-items: center;
   gap: 6px;
}

.footer .hr {
   width: 100%;
   background: rgba(232, 232, 232, 0.24);
   height: 1px;
   margin-top: 21px;
   margin-bottom: 45px;
}

.footer__groups {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 30px;
}

.footer__items {
   display: flex;
   align-items: center;
   gap: 76px;
}

.footer__info {
   max-width: 150px;
   font-weight: 400;
   font-size: 14px;
   line-height: 121%;
   color: #fff;
}

.footer__address {
   max-width: 237px;
}

.footer__text {
   font-weight: 400;
   font-size: 14px;
   line-height: 121%;
   color: #fff;
   margin-bottom: 18px;
}

.footer__text-min {
   font-weight: 400;
   font-size: 13px;
   line-height: 131%;
   text-align: right;
   color: #fff;
}

.footer .hr2 {
   margin-top: 40px;
   margin-bottom: 32px;
}

.footer__link {
   text-decoration: underline;
}

.footer__title {
   font-weight: 700;
   font-size: 18px;
   line-height: 94%;
   color: #fff;
   margin-bottom: 20px;
}

.footer-menu {
   display: flex;
   flex-direction: column;
   gap: 10px;
   max-width: 240px;
}

.footer-menu li a {
   font-weight: 400;
   font-size: 13px;
   line-height: 131%;
   color: rgba(255, 255, 255, 0.5);
   -webkit-transition: 0.2s ease-in-out;
   transition: 0.2s ease-in-out;
}

.footer-menu li:first-child a {
   font-weight: 700;
   font-size: 18px;
   line-height: 94%;
   color: rgba(255, 255, 255, 0.5);
}

.footer-menu li a:hover {
   color: #fff;
}

@media (max-width: 575.98px) {

   .footer .col.c1,
   .footer .col.c4 {
      -ms-grid-column-span: 2;

      grid-column-end: span 2;

      -ms-grid-column-align: center;

      justify-self: center;

      text-align: center;
   }

   .footer .footer-title {
      font-size: 20px;
   }
}

.copyright {
   padding-top: 1rem;

   font-size: 10px;

   opacity: 0.5;
}

.copyright a {
   text-decoration: underline;
}

.copyright a:hover {
   text-decoration: none;
}

/* MVG */

/* End MVG */

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;

   margin: 0;
}

/* Firefox */

input[type="number"] {
   -moz-appearance: textfield;
}

.italic {
   font-style: italic;
}

.bold {
   font-weight: bold;
}

.block {
   display: block;
}

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

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

.grid {
   display: -ms-grid;

   display: grid;
}

.small {
   font-size: 12px;

   color: #878688;
}

@media (min-width: 1199.98px) {
   .lg-block {
      display: block;
   }
}

.title-wrapper {
   display: flex;
   justify-content: space-between;
   margin-bottom: 30px;
   padding-bottom: 30px;
   border-bottom: 3px solid #ececec;
}

.time {
   text-align: left;
}

.working-time {
   font-size: 12px;
   line-height: 150%;
   color: #a2a2a2;
}

.navigation {
   margin: 9px 0 10px 0;
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
}

.navigation .nav {
   cursor: pointer;
   padding: 0px 10px;
   border-radius: 8px;
   transition: background 0.2s ease;
   background: #e9e9e9;
   color: #000;
   font-size: 14px;
   line-height: 20px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 130px;
   margin-right: 10px;
   margin-bottom: 5px;
}

.navigation .nav.active {
   background: #007aff;
   color: #fff;
}

.form-control {
   display: block;
   vertical-align: middle;
   outline: 0;
   margin: 0 auto 8px;
   width: 100%;
   border: 0;
   color: #1e1c19;
   font-size: 12px;
   line-height: 2rem;
   letter-spacing: 0.05em;
   border-bottom: 1px solid #cccccc;
   padding: 1.0625rem 0 1.125rem;
}

.button.modal {
   text-align: left;
}

@media (max-width: 1399.98px) {
   .modal__container {
      max-width: 800px;
      max-height: 600px;
   }

   .inputs {
      margin: 15px 0;
   }
}

@media (max-width: 900px) {
   .modal-img {
      display: none;
   }

   .modal__close {
      color: #000;
   }

   .modal__content {
      width: 100%;
   }
}

@media (max-width: 568px) {
   .modal__container {
      max-width: 800px;
      max-height: 700px;
   }

   .modal .h3 {
      margin-bottom: 2rem;
      font-size: 22px;
      line-height: 120%;
      color: #2f3540;
      text-align: left;
   }

   .modal .avatar {
      display: block;
      position: relative;
      border-radius: 50%;
      margin-bottom: 2rem;
      margin-top: 1rem;
      height: 160px;
   }

   .modal .avatar img {
      border-radius: inherit;
      height: 160px;
   }
}

@media (max-width: 378px) {
   .modal .h3 {
      font-size: 20px;
      margin-bottom: 1rem;
   }

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

   .inputs {
      margin: 10px 0;
   }

   .modal__container {
      padding: 15px;
   }
}

#drying-accordion {
   border: 1px solid #e8e8e8;
}

#drying-accordion .accordion-item {
   padding: 17px 50px;
}

#drying-accordion .accordion-item:not(:last-child) {
   border-bottom: 1px solid #e8e8e8;
}

#drying-accordion .head {
   display: flex;
   align-items: center;
   gap: 20px;
   position: relative;

   font-family: "Roboto";
   font-style: normal;
   font-weight: 700;
   font-size: 18px;
   line-height: 150%;
   color: #2f3540;

   cursor: pointer;
}

#drying-accordion .head:before,
#drying-accordion .head:after {
   position: absolute;
   content: "";
   width: 20px;
   height: 1px;
   background-color: #717074;
   top: 50%;
   right: -24px;
}

#drying-accordion .head:after {
   transform: rotate(90deg);
   transition: 0.3s ease-in-out;
}

#drying-accordion .head.active:after {
   opacity: 0;
}

#drying-accordion .body {
   padding: 10px 10px 10px 70px;
}

#drying-accordion .body ul li,
#drying-accordion .body p {
   margin-bottom: 10px;
}

@media (max-width: 768px) {
   #drying-accordion .accordion-item {
      padding: 17px 40px 17px 20px;
   }
}

@media (max-width: 480px) {
   #drying-accordion .head {
      gap: 10px;
      font-size: 16px;
   }

   #drying-accordion .body {
      padding: 10px 10px 10px 20px;
   }
}

#condition-hund {
   padding: 5rem 0;
}

/*    special block */

.specials-block {
   margin-top: 100px;
}

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

.specials__list__item {
   display: flex;
   justify-content: space-between;
   margin-bottom: 10px;
}

.specials__item a {
   display: flex;
   width: 150px;
   margin: 0 auto;
   align-items: center;
}

.specials__item {
   background: #ffffff;
   box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
   border-radius: 10px;
   max-width: 32%;
   width: 100%;
   overflow: hidden;
   margin-bottom: 50px;
   padding-bottom: 25px;
}

.servisec__item__img {
   width: 100%;
}

.special__text {
   padding: 20px;
   min-height: 180px;
}

.specials__item__title {
   text-align: center;
   font-size: 20px;
   font-weight: 800;
   margin-top: 15px;
}

.specials__item__list {
   padding: 15px 25px 25px 25px;
   min-height: 226px;
}

.specials__list__item__name {
   font-size: 14px;
   max-width: 300px;
   width: 100%;
}

.specials__list__item__price {
   font-size: 15px;
   font-weight: 800;
   background: linear-gradient(180deg, #2bdb9b 0%, #097a51 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   max-width: 120px;
   width: 100%;
}

@media (max-width: 1150px) {
   .special__text {
      min-height: 200px;
   }
}

@media (max-width: 992px) {
   .specials__wrap {
      align-items: center;
   }

   .specials__item {
      max-width: 32%;
   }

   .special__text {
      min-height: 275px;
   }
}

@media (max-width: 768px) {
   .specials__wrap {
      justify-content: space-around;
      flex-wrap: wrap;
   }

   .specials__item {
      max-width: 49%;
      margin-bottom: 25px;
   }
}

@media (max-width: 550px) {
   .specials__item {
      max-width: 80%;
   }

   .special__text {
      min-height: 100%;
   }
}

@media (max-width: 500px) {
   .specials__item {
      max-width: 92%;
   }
}

/*   SLIDER   */
/**
 * ItcSlider
 * @version 1.0.0
 * @author https://github.com/itchief
 * @copyright Alexander Maltsev 2020 - 2022
 * @license MIT (https://github.com/itchief/ui-components/blob/master/LICENSE)
 * @tutorial https://itchief.ru/javascript/slider
 */

.itc-slider {
   position: relative;
}

.itc-slider__wrapper {
   overflow: hidden;
}

.itc-slider__items {
   display: flex;
   transition: transform 0.5s ease;
   will-change: transform;
}

.itc-slider__transition-none {
   transition: none;
}

.itc-slider__item {
   flex: 0 0 100%;
   max-width: 100%;
   user-select: none;
   will-change: transform;
}

/* кнопки влево и вправо */
.itc-slider__btn {
   position: absolute;
   top: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 40px;
   height: 50px;
   color: #fff;
   text-align: center;
   background: rgba(14, 38, 72, 0.6);
   border: none;
   transform: translateY(-50%);
   cursor: pointer;
}

.itc-slider__btn_hide {
   display: none;
}

.itc-slider__btn_prev {
   left: 0;
}

.itc-slider__btn_next {
   right: 0;
}

.itc-slider__btn:hover,
.itc-slider__btn:focus {
   color: #fff;
   text-decoration: none;
   background: rgba(14, 38, 72, 0.8);
   outline: 0;
}

.itc-slider__btn::before {
   content: "";
   display: inline-block;
   width: 20px;
   height: 20px;
   background: transparent no-repeat center center;
   background-size: 100% 100%;
}

.itc-slider__btn_prev::before {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 11 20'%3E%3Cpath d='M10.62 0.990281C10.5039 0.873873 10.366 0.781516 10.2141 0.7185C10.0622 0.655484 9.89942 0.623047 9.735 0.623047C9.57058 0.623047 9.40778 0.655484 9.25592 0.7185C9.10406 0.781516 8.96612 0.873873 8.85 0.990281L0.540003 9.30028C0.447299 9.3928 0.373752 9.50268 0.32357 9.62366C0.273389 9.74463 0.247559 9.87431 0.247559 10.0053C0.247559 10.1362 0.273389 10.2659 0.32357 10.3869C0.373752 10.5079 0.447299 10.6178 0.540003 10.7103L8.85 19.0203C9.34 19.5103 10.13 19.5103 10.62 19.0203C11.11 18.5303 11.11 17.7403 10.62 17.2503L3.38 10.0003L10.63 2.75028C11.11 2.27028 11.11 1.47028 10.62 0.990281Z'/%3E%3C/svg%3E");
}

.itc-slider__btn_next::before {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 10 19'%3E%3Cpath d='M0.343312 0.371839C0.451414 0.253971 0.579835 0.160456 0.721218 0.0966498C0.862602 0.0328436 1.01417 0 1.16724 0C1.32032 0 1.47188 0.0328436 1.61327 0.0966498C1.75465 0.160456 1.88307 0.253971 1.99117 0.371839L9.72774 8.78603C9.81404 8.8797 9.88251 8.99097 9.92923 9.11346C9.97595 9.23595 10 9.36725 10 9.49987C10 9.63248 9.97595 9.76378 9.92923 9.88627C9.88251 10.0088 9.81404 10.12 9.72774 10.2137L1.99117 18.6279C1.53499 19.124 0.7995 19.124 0.343312 18.6279C-0.112875 18.1317 -0.112875 17.3318 0.343312 16.8357L7.08371 9.4948L0.334004 2.1539C-0.112873 1.66789 -0.112875 0.857857 0.343312 0.371839Z'/%3E%3C/svg%3E");
}

/* индикаторы */
.itc-slider__indicators {
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 15;
   display: flex;
   justify-content: center;
   margin: 0 15%;
   padding-left: 0;
   list-style: none;
}

.itc-slider__indicator {
   flex: 0 1 auto;
   box-sizing: content-box;
   width: 30px;
   height: 5px;
   margin-right: 3px;
   margin-left: 3px;
   text-indent: -999px;
   background-color: rgb(255 255 255 / 50%);
   background-clip: padding-box;
   border-top: 15px solid transparent;
   border-bottom: 15px solid transparent;
   cursor: pointer;
}

.itc-slider__indicator_active {
   background-color: rgb(255 255 255 / 90%);
}

.phone-input {
   display: flex;
}

.phone-value {
   border-left: 0 !important;
   border-radius: 0px 8px 8px 0px !important;
   padding-left: 0 !important;
}

.phone-val-input {
   width: 50px !important;
   border-right: 0px !important;
   border-radius: 8px 0 0 8px !important;
   padding: 14px 0px 14px 20px !important;
}

.error-404 {
   margin-top: 15rem;
   margin-bottom: 10rem;
}

@media (max-width: 442px) {
   .error-404 {
      margin-top: 5em;
      margin-bottom: 2em;
   }

   .error-404__container {
      flex-direction: column;
   }
}

.error-404__container .title {
   display: flex;
   justify-content: center;
}

.error-404__container {
   display: flex;
   justify-content: space-evenly;
}

.error-404__container .description {
   display: flex;
   flex-direction: column;
   justify-content: center;
   font-size: 2rem;
}

.error-404__container .description .btn {
   background: #eee;
}

.error-404__container .description .back404 {
   margin-top: 1rem;
}

.error-404__container .description .back404 a {
   color: rgb(0, 138, 255);
}

.error-404__container .title h1 {
   font-size: 150px;
   color: rgb(255, 74, 74);
}

.star-rating {
   display: inline-block;
   font-size: 20px;
   line-height: 20px;
   padding-top: 10px;
}

.star-rating i {
   color: #ececec;
}

.star-rating i:not(:first-child) {
   padding-left: 10px;
}

.star-rating i.filled {
   color: var(--heading-color);
}

.article-image-top {
   width: 100%;
   max-height: 500px;
   object-fit: cover;
}

.article-image-left,
.article-image-right {
   padding: 30px;
   width: 400px;
}

.article-image-left {
   float: left;
}

.article-image-right {
   float: right;
}

.article-image-center {
   width: 33%;
   height: 255px;
   object-fit: cover;
   padding: 0 10px;
}

@media (max-width: 820.98px) {
   .article-image-center {
      width: 400px;
      margin: 0 auto;
      display: block;
      padding-top: 10px;
   }
}

@media (max-width: 767.98px) {

   .article-image-left,
   .article-image-right {
      float: none;
      display: block;
      margin: 0 auto;
   }

   #article-single .article-information {
      flex-wrap: wrap;
   }

   .content-list {
      order: 2;
   }
}

.article-description {
   gap: 10px;
}

.article-links {
   text-align: center;
   align-items: center;
   padding-top: 30px;
}

/* custom css */

/* new site */
.title {
   font-weight: 400;
   font-size: 50px;
   line-height: 100%;
   color: #212121;
   margin-bottom: 50px;
}

.main-title {
   max-width: 750px;
   font-weight: 400;
   font-size: 56px;
   line-height: 123%;
   color: #fff;
}

.title-medium {
   font-weight: 400;
   font-size: 24px;
   line-height: 104%;
   color: #212121;
}

.title-min {
   font-weight: 800;
   font-size: 18px;
   line-height: 137%;
   text-align: center;
   color: #212121;
}

.intro {
   font-weight: 300;
   font-size: 20px;
   line-height: 170%;
   color: #212121;
}

.intro-bold {
   font-weight: 700;
   font-size: 26px;
   line-height: 100%;
   color: #212121;
}

.text {
   font-size: 15px;
   line-height: 173%;
   color: #212121;
}

.text-bold {
   font-weight: 700;
   font-size: 15px;
   line-height: 167%;
   color: #212121;
}

.text-min {
   font-weight: 400;
   font-size: 15px;
   line-height: 137%;

   color: #212121;
}

.text-blue {
   color: #4149f2;
}

.btn {
   display: flex;
   align-items: center;
   justify-content: center;

   padding: 15px 20px;

   text-align: center;

   border: none;

   cursor: pointer;

   -webkit-transition: 0.2s ease-in-out;

   transition: 0.2s ease-in-out;

   border-radius: 5px;
   font-weight: 400;
   font-size: 16px;
   line-height: 94%;
   width: 160px;
   height: 59px;
}

.btn-blue {
   background: #4149f2;
   color: #fff;
}

.about {
   padding-top: 150px;
   padding-bottom: 100px;
}

.about .row {
   gap: 89px;
}

.about .img-block {
   position: relative;
}

.about__btn {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 15px;
   width: 230px;
   height: 72px;
   box-shadow: 0 4px 13px 0 rgba(30, 35, 66, 0.11);
   background: #fff;
   border-radius: 14px;
   border: none;
   cursor: pointer;
   position: absolute;
   bottom: 45px;
   right: -30px;
   font-weight: 400;
   font-size: 15px;
   line-height: 173%;
   color: #000;
   display: none !important;
}

.about__btn:hover {
   background: #fff;
   color: #646bef;
   text-decoration: underline;
}

.play-btn-bg {
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 90px;
   width: 42px;
   height: 42px;
   background: #4149f2;
}

.play-icon {
   margin-left: 5px;
}

.about__btn:hover .play-btn-bg {
   background: #646bef;
}

.about .title {
   margin-bottom: 35px;
}

.about .text {
   margin-bottom: 20px;
}

.about .text:last-child {
   margin-bottom: 0px;
}

.about__block {
   margin-top: 39px;
}

.turnkey {
   background: url("../img/bg/turnkey-bg.jpg") no-repeat right/cover;
}

.turnkey__block {
   margin-top: 50px;
}

.turnkey__block .swiper-wrapper {
   flex-direction: column;
   align-items: center;
   gap: 50px;
}

.turnkey__img {
   max-width: 458px;
   max-height: 346px;
   border-radius: 14px 0 0 14px;
}

@media (max-width: 992px) {
   .turnkey__img {
      max-width: 100%;
      width: 100%;
      max-height: none;
   }
}

.turnkey__item {
   background: #fff;
   border-radius: 14px;
   width: 100%;
   display: flex;
   align-items: center;
}

.turnkey__item.right .turnkey__img {
   border-radius: 0 14px 14px 0;
   height: 100%;
}

.turnkey__item.right {
   justify-content: space-between;
}

.turnkey .text-block {
   padding: 20px 32px 20px 52px;
}

.turnkey__item.right .text-block {}

.turnkey__item .title-medium {
   margin-bottom: 10px;
   font-size: 24px;
}

.turnkey__item .text {
   margin: 15px 0;
}

.turnkey__item .area {
   font-size: 15px;
   line-height: 167%;
   color: #4149f2;
}

.turnkey__item .intro-bold {
   font-weight: 700;
   font-size: 26px;
   line-height: 100%;
   color: #212121;
}

.services {
   background: url("../img/bg/services-bg.jpg") no-repeat right/cover;
}

.services .title {
   margin-bottom: 30px;
}

.services__block {
   display: flex;
   gap: 30px;
   flex-wrap: wrap;
   justify-content: space-between;
}

.services__link {
   display: flex;
   justify-content: flex-end;
   /* max-width: 33.3334%; */
   max-width: 360px;
   width: 100%;
   min-height: 296px;
   background: #f3f4fb;
   border-radius: 14px;
}

.services__link:hover {
   box-shadow: 8px 8px 30px 0 rgba(30, 35, 66, 0.2);
}

.services__item {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   width: 100%;
   min-height: 296px;

   background: #f3f4fb;
   border-radius: 14px;
   padding: 30px;
}

.services-content {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   width: 100%;
}

.services-content__title {
   max-width: 201px;
}

.services__block-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid #fff;
   border-radius: 5px;
   width: 46px;
   height: 46px;
}

.services__link:hover .services__block-icon {
   background: #4149f2;
   border: 1px solid #4149f2;
}

.services__wrap {
   display: flex;
   gap: 30px;
   flex-wrap: wrap;
   justify-content: space-between;
}

.services-block__item {
   max-width: 48%;
   width: 48%;
   /* width: 50%; */
   min-height: 336px;
   padding: 35px 30px;
   background: #f3f4fb;
   border-radius: 14px;
}

.services-content__title {
   font-weight: 400;
   font-size: 18px;
   line-height: 139%;
   color: #fff;
}

.services__elems {
   display: flex;
   align-items: center;
   gap: 15px;
   margin-bottom: 29px;
}

.services-block__img {
   max-width: 60px;
}

.services-block-list .services-block-list__item:nth-child(2n) {
   background-color: #fff;
   border-radius: 5px;
}

.services-block-list__item {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 9px;
   padding-left: 15px;
   padding-right: 57px;
}

.services-block-list__price {
   max-width: 100px;
   width: 100%;
   min-width: 121px;
   font-weight: 700;
   font-size: 15px;
   line-height: 167%;
   color: #212121;
}

/* quiz */
.quiz {
   background: #f3f4fb;
}

.quiz__title {
   margin-bottom: 20px;
}

.quiz__text {
   max-width: 571px;
   margin-bottom: 20px;
}

.quiz__form {
   max-width: 100%;
   width: 1140px;
}

.quiz__form .marquiz__container_inline {
   max-width: 100%;
}

/* End quiz */

/* our-clients */
.our-clients__slider {
   max-width: 1236px;
   margin: 0 auto;
   position: relative;
}

.our-clients__block {
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   gap: 30px;
}

.our-clients__img {
   max-width: 360px;
   max-height: 200px;
   border-radius: 15px;
   box-shadow: 0 4px 13px 0 rgba(30, 35, 66, 0.11);
   background: #fff;
}

/* End our-clients */

/* letters */

.letters-slider {
   max-width: 1236px;
   margin: 0 auto;
   position: relative;
}

.letters__img {
   border-radius: 14px;
   max-width: 360px;
   width: 100%;
   max-height: 507px;
   height: 100%;
   box-shadow: 0 4px 13px 0 rgba(30, 35, 66, 0.11);
   /* box-shadow: 0 4px 13px 0 rgba(30, 35, 66, 0.11); */
}

/* End letters */
/* partners */
.partners {
   padding: 90px 0;
}

.partners__slider {
   max-width: 1236px;
   margin: 0 auto;
   position: relative;
}

.partners__slider .swiper-slide {
   flex-wrap: wrap;
}

.partners__list-wrapper {
   display: flex;
   flex-wrap: wrap;
   gap: 24px;
}

.partners-slider {
   max-width: 1236px;
   margin: 0 auto;
   position: relative;
}

.partners__img {
   max-width: 170px;
   width: 100%;
   max-height: 105px;
   border-radius: 15px;
   background-color: #fff;
   box-shadow: 0 4px 13px 0 rgba(30, 35, 66, 0.11);
}

/* End partners */
/*  team */
.team {
   padding: 90px 0;
}

.team__slider {
   max-width: 1236px;
   margin: 0 auto;
   position: relative;
}

.team__slide {
   display: flex;
   flex-direction: column;
   position: relative;
   /* min-width: 267px;*/
   min-height: 367px;
}

.team__slide:first-child {
   margin-left: 5px;
}

.team__img {
   position: relative;
   z-index: 2;
   display: block;
   border-radius: 300px;
   width: 200px;
   height: 200px;
   margin: 0 auto;
   background: #f4f5fb;
}

.team .text-block {
   position: relative;
   box-shadow: 0 4px 13px 0 rgba(30, 35, 66, 0.11);
   background: #fff;
   border-radius: 14px;
   /* min-width: 267px; */
   min-height: 255px;
   text-align: center;
   margin-top: -35%;
   padding: 20px;
   padding-top: 108px;
}

.team .title-min {
   margin-bottom: 15px;
}

.team__experience {
   position: absolute;
   bottom: 30px;
   left: 50%;
   transform: translate(-50%);
   text-align: center;
   width: 77%;
}

.text-block .team__job {
   color: #4149f2;
}

/* End team */

.consultation {
   padding-top: 164px;
   padding-bottom: 84px;
   background: url("../img/bg/builder.jpg") no-repeat center/cover;
   position: relative;
}

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

.consultation__block {
   max-width: 50%;
}

.consultation__title {
   font-weight: 400;
   font-size: 50px;
   line-height: 100%;
   color: #212121;
   margin-bottom: 26px;
}

.consultation-form {
   margin-top: 32px;
}

.consultation-form__input {
   max-width: 488px;
   width: 100%;
   height: 53px;
   -webkit-box-shadow: 0px 4px 13px rgba(30, 35, 66, 0.11);
   box-shadow: 0 4px 13px 0 rgba(30, 35, 66, 0.11);
   background: #fff;
   margin-bottom: 14px;
   border-radius: 5px;
   padding: 0 23px;
   font-weight: 400;
   font-size: 14px;
   line-height: 107%;
   color: #989898;
   border: none;
}

.consultation-form__input-file {
   display: none;
}

.consultation-form__file-block {
   cursor: pointer;
   border: 1px dashed #4149f2;
   border-radius: 5px;
   max-width: 488px;
   width: 100%;
   height: 53px;
   padding: 19px 23px;
   font-weight: 400;
   font-size: 14px;
   line-height: 107%;
   text-decoration: underline;
   text-decoration-skip-ink: none;
   color: #4149f2;
}

.consultation-form__block {
   display: flex;
   align-items: center;
   gap: 38px;
   margin-top: 42px;
}

.consultation-form input[type="submit"] {
   cursor: pointer;
   border: none;
   border-radius: 5px;
   font-weight: 400;
   font-size: 16px;
   line-height: 94%;
   width: 218px;
   height: 59px;
   background: #4149f2;
   color: #fff;
}

.consultation-form input[type="submit"]:hover {
   background: #646bef;
}

.consultation-form__label {
   display: flex;
   flex-direction: row-reverse;
   gap: 10px;
   cursor: pointer;
   position: relative;
   z-index: 2;
   max-width: max-content;
   align-items: center;
}

.consultation-form .consultation-form__label {
   max-width: 220px;
   gap: 18px;
}

.consultation-form .fixed-form__politicy {
   max-width: 175px;
}

#checkbox {
   position: relative;
   z-index: -1;
}

.consultation__img {
   position: absolute;
   top: -21px;
   right: 0;
}

/* text-block-min */
.text-block-min {
   padding: 100px 0;
}

.text-block-min h1 {
   font-size: 50px;
   font-weight: 400;
   line-height: 60px;
   margin-bottom: 30px;
}

.text-block-min__item {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 54px;
}

.text-block-min__item:last-child {
   margin-bottom: 0;
}

.text-block-min__item .block {
   max-width: 600px;
}

.text-block-min__img {
   max-width: 457px;
   min-height: 272px;
}

.page-template-direction .text-block-min {
   padding-top: 160px;
}

.page-template-service .text-block-min {
   padding-top: 160px;
}

.page-template-service-more .text-block-min {
   padding-top: 160px;
}

/* End text-block-min */

.project-block {
   /* display: none; */
}

.project-block .row {
   justify-content: space-between;
   align-items: center;
}

.project-block .title {
   margin-bottom: 30px;
}

.article-block {
   background: url(../img/bg/services-bg.jpg) no-repeat right / cover;
}

.article-block__header {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.article-block .btn_blue {
   border-radius: 5px;
   padding: 22px 36px;
   width: 155px;
   height: 59px;
   background: #4149f2;
   font-weight: 400;
   font-size: 16px;
   line-height: 94%;
   color: #fff;
}

.article-block .btn_blue:hover {
   background: #646bef;
}

.article__block {
   max-width: 1236px;
   margin: 0 auto;
   position: relative;
}

.article__link {
   position: relative;
   max-width: 360px;
   min-height: 555px;
   background: #fff;
   border-radius: 14px;
}

.article__link:hover {
   box-shadow: 4px 4px 20px 0 rgba(30, 35, 66, 0.15);
}

.article__footer-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid #4149f2;
   width: 46px;
   height: 46px;
   border: 1px solid #4149f2;
   border-radius: 5px;
}

.article__link:hover .article__footer-icon {
   background: #4149f2;
}

.article__link:hover .article__footer-icon path {
   fill: #fff;
}

.article-content {
   padding: 30px 20px;
}

.article__item-img {
   border-radius: 14px 14px 0 0;
   max-width: 360px;
   width: 100%;
   max-height: 240px;
   min-height: 240px;
}

.article-content__title {
   max-width: 266px;
   text-align: left;
   margin-bottom: 15px;
}

.article-content__description {
   margin-bottom: 5px;
   display: -webkit-box;
   -webkit-line-clamp: 6;
   /* Ограничиваем до 6 строк */
   -webkit-box-orient: vertical;
   /* Ориентируем контейнер вертикально */
   overflow: hidden;
   /* Скрываем лишний текст */
   text-overflow: ellipsis;
   /* Добавляем троеточие */
}

.article-footer {
   width: 100%;
   padding: 0px 20px;
   position: absolute;
   bottom: 30px;
   left: 50%;
   transform: translate(-50%, 0);
   display: flex;
   align-items: center;
   justify-content: space-between;
}

/* //article-single */
.article-banner-wrapper .banner-block {
   display: none;
}

.article-banner-wrapper .intro {
   display: none;
}

.article-single .row {
   align-items: flex-start;
   justify-content: space-between;
   position: relative;
   gap: 60px;
}

.fixed-form__title {
   font-weight: 800;
   font-size: 24px;
   line-height: 208%;
   color: #212121;
}

.fixed-form__text {
   font-weight: 300;
   font-size: 15px;
   line-height: 160%;
   color: #212121;
   margin-bottom: 22px;
}

.fixed-form {
   background: url("../img/bg/fixed-form-bg.png") no-repeat center / cover;
   min-width: 380px;
   max-width: 380px;
   border-radius: 14px;
   position: sticky;
   padding: 30px 20px;
   top: 0;
   z-index: 1;
}

.fixed-form input[type="submit"] {
   margin: 20px 0;
   background: #4149f2;
   border-radius: 5px;
   padding: 22px 36px;
   width: 320px;
   height: 59px;
   font-weight: 400;
   font-size: 16px;
   line-height: 94%;
   color: #fff;
   border: none;
   cursor: pointer;
}

.fixed-form input[type="submit"]:hover {
   background: #646bef;
}

.fixed-form .consultation-form__label {
   font-weight: 400;
   font-size: 13px;
   color: #212121;
}

.swiper-slide {
   display: flex;
   /* padding: 10px; */
}

.wpcf7-spinner {
   display: none;
}

.why {
   background: url("../img/bg/services-bg.jpg") no-repeat right / cover;
}

.why__items {
   display: -ms-grid;
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
   gap: 25px;
}

.why__item {

   border-radius: 14px;
   background: #fff;
}

.why-text-block {
   padding: 30px 20px;
}

.why-text-block .title-min {
   font-weight: 800;
   font-size: 18px;
   line-height: 139%;
   color: #212121;
   text-align: left;
   margin-bottom: 15px;
}

.why__img {
   min-width: 100%;
   border-radius: 14px 14px 0 0;
}

.why-text-block .title-medium {
   margin-bottom: 15px;
   text-align: left;
   line-height: 139%;
}

.why-text-block .text {
   line-height: 160%;
}

.card-block__block {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 50px;
}

@media (max-width: 767px) {
   .card-block__block {
      gap: 40px;
   }
}


.card-block__item {
   /* max-height: 346px; */
}

.card-block__item .text {
   line-height: 160%;
   margin-bottom: 0;
}

.card-block-simple {
   background: url("../img/bg/services-bg.jpg") no-repeat right / cover;
}

.card-block-simple .title {
   max-width: 587px;
}

.card-block-simple__block {}

.card-block-simple-items {
   display: flex;
   gap: 25px;
   flex-wrap: wrap;
   counter-reset: item;
   /* Инициализируем счётчик */
}

.card-block-simple__item {
   position: relative;
   padding: 30px;
   border-radius: 14px;
   width: 360px;
   min-height: 298px;
   background: #fff;
   counter-increment: item;
   /* Увеличиваем счётчик на 1 для каждого блока */
}

.card-block-simple__item::before {
   content: counter(item);
   /* Показываем текущий номер */
   font-weight: 800;
   font-size: 30px;
   line-height: 83%;
   text-align: right;
   color: #4149f2;
   position: absolute;
   right: 30px;
}

.card-block-simple__item .title-min {
   line-height: 139%;
   margin-bottom: 20px;
   text-align: left;
   max-width: 255px;
}

.card-block-simple__item .text {
   line-height: 160%;
}

.faq {
   background: #f3f4fb;
}

.faq .row {
   align-items: flex-start;
   justify-content: space-between;
   position: relative;
   gap: 60px;
}

.faq-block {
   display: flex;
   flex-direction: column;
   gap: 30px;
   max-width: 700px;
   width: 100%;
}

.faq-card {
   width: 700px;
   border-radius: 15px;
   background: #fff;
   cursor: pointer;
   padding: 20px;
}

.faq-card .title-min {
   margin-bottom: 11px;
   text-align-last: left;
}

.faq-question {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
}

.faq-question .title-min {
   text-align: left;
   max-width: 590px;
   width: 100%;
}

.faq-answer {
   transition: max-height 0.3s ease;
}

.faq-card.collapsed .faq-answer {
   display: none;
   /* Сворачивание ответа */
}

.toggle-icon {
   transform: rotate(0deg);
   transition: transform 0.3s ease;
}

.faq-card.collapsed .toggle-icon {
   transform: rotate(180deg);
}

.faq .fixed-form {
   border-radius: 14px;
   box-shadow: 0 4px 13px 0 rgba(30, 35, 66, 0.11);
}

/* .article__slider .swiper-slide {
   max-width: 360px;
   min-height: 555px;
} */

.projects-block {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 20px;
}

.project-main-slider-container {
   max-width: 1236px;
   margin: 0 auto;
   position: relative;
}

.project-main-slider {
   position: relative;
   width: 100%;
   margin-bottom: 20px;
   overflow: hidden;
}

.project-main-slider .swiper-slide {
   display: flex;
   align-items: center;
   gap: 16px;
   padding: 10px 13px;
   box-shadow: 0 4px 13px 0 rgba(30, 35, 66, 0.11);
   background-color: #fff;
   border-radius: 5px;
   cursor: pointer;
}

.project-main-slider .swiper-slide:hover {
   background: #fff;
   box-shadow: none;
}

.project-main-slider .swiper-slide.active {
   background: #f3f4fb;
   box-shadow: none;
}

.project-main-slider img {
   border-radius: 5px;
   width: 80px;
   height: 52px;
}

.project-details {
   display: flex;
   justify-content: space-between;
   box-shadow: 0 4px 13px 0 rgba(30, 35, 66, 0.11);
   background: #fff;
   border-radius: 10px;
   padding: 20px 20px 33px 30px;
}

.project-details .project-info {
   flex: 0 0 50%;
}

.project-details .project-gallery {
   flex: 0 0 50%;
   min-width: 0;
}

.project-details-link {
   display: flex;
   align-items: center;
   gap: 10px;
   border: 1px solid #4149f2;
   border-radius: 5px;
   padding: 14px 31px;
   width: 280px;
   height: 60px;
   text-decoration: none;
   font-weight: 400;
   font-size: 16px;
   line-height: 94%;
   color: #4149f2;
}

.project-details-link:hover {
   background: #4149f2;
   color: #fff;
}

.project-details-link:hover svg path {
   fill: #fff;
}

.project-gallery-main {
   overflow: hidden;
   border-radius: 20px;
}

.project-info {
   flex: 1;
   max-width: 50%;
}

.project-gallery {
   flex: 1;
}

.main-gallery-image {
   aspect-ratio: 1.42326;
   width: 100%;
   display: block;
   margin-bottom: 15px;
   overflow: hidden;
}

.project-gallery .main-gallery-image img {
   border-radius: 10px;
   width: 100%;
   height: 100%;
   max-width: 100%;
   object-fit: cover;

}

.gallery-thumbnails {
   position: relative;
   padding: 0 42px;
}

.gallery-thumbnails .swiper-container {
   overflow: hidden;
}

.gallery-thumbnails .swiper-container {
   padding: 0;
   margin: 0;
}

.gallery-thumbnails .swiper-slide {
   position: relative;
   width: 110px;
   height: 73px;
   display: block;
   overflow: hidden;
   border-radius: 10px;
   cursor: pointer;

}

.gallery-thumbnails .swiper-slide::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 10px;
   border: 3px solid #007aff;
   opacity: 0;
   cursor: pointer;
   transition: opacity 0.3s ease;
}


.gallery-thumbnails .swiper-slide img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.gallery-thumbnails .swiper-slide.swiper-slide-thumb-active::before {
   opacity: 1;
}


@media (max-width: 767.98px) {

   .gallery-thumbnails {
      padding: 0 26px;
   }

   .gallery-thumbnails .swiper-button-prev {
      left: -15px;
   }

   .gallery-thumbnails .swiper-button-next {
      right: -15px;
   }

   .gallery-thumbnails .swiper-button-prev,
   .gallery-thumbnails .swiper-button-next {
      display: flex;
   }

   .gallery-thumbnails .swiper-slide {
      height: 44px;
      border-radius: 5px;
   }

   .gallery-thumbnails .swiper-slide::before {
      border: 2px solid #007aff;
      border-radius: 5px;
   }
}


.project-block .gallery-thumbnails {
   width: 100%;
}

.project-block .gallery-thumbnails img {
   border-radius: 10px;
   width: 110px;
   height: 73px;
}

.project-block .project-gallery {
   max-width: 553px;
   width: 100%;
}

.project-gallery .gallery-thumbnails .galereya-min-img {
   width: 100%;
   border-radius: 10px;
   width: 110px;
   height: 73px;
   cursor: pointer;
}

.project-block .gallery-thumbnails .swiper {
   max-width: 470px;
   position: relative;
   margin: 0 auto;
}

.project-block .gallery-thumbnails .swiper-slide {
   display: flex;
   align-items: center;
   text-align: center;
}

.project-block .gallery-thumbnails .swiper-slide img {
   max-width: 100%;
   max-height: 100px;
   object-fit: cover;
   cursor: pointer;
}

.projects-block .swiper {
   max-width: 470px;
   position: relative;
   margin: 0 auto;
}

.projects-block .swiper-slide {
   display: flex;
   align-items: center;
   text-align: center;
}

.gallery-thumbnails {
   margin-top: 40px;
}

.gallery-thumbnails .swiper-slide img {
   max-width: 100%;
   max-height: 100px;
   object-fit: cover;
   cursor: pointer;
}

@media (max-width: 576px) {
   .project-main-slider__name {
      font-size: 12px;
   }
}


/* Навигация между проектами */
.project-navigation__block {
   display: flex;
   justify-content: space-between;
   gap: 30px;
   margin-top: 100px;
}

.prev-project,
.next-project {
   max-width: 260px;
   position: relative;
}

.next-project {
   text-align: right;
   margin-left: auto;
}

.navigation-thumbnail {
   display: block;
   width: 100%;
   height: 174px;
   object-fit: cover;
   margin: 20px 0;
}

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

.project__elems-right {
   justify-content: flex-end;
}

.project__iocn {
   padding: 1.61px 8.57px;
}

.project__elems:hover .project-navigation__link {
   color: #4149f2;
}

.project__elems:hover svg path {
   fill: #4149f2;
   color: #4149f2;
}

.project-navigation__link {
   font-weight: 700;
   font-size: 15px;
   line-height: 160%;
   color: #212121;
   text-decoration: none;
   transition: color 0.3s ease;
}

.project-navigation__title {
   font-weight: 800;
   font-size: 18px;
   line-height: 137%;
   color: #212121;
}

/* Global header static */
.page-template-archive-articles .sub-menu,
.post-type-archive-stati .sub-menu,
.post-type-archive-proekty .sub-menu,
.proekty-template-single-projects .sub-menu,
.page-template-contacts .sub-menu {
   background: #fff;
}

.page-template-archive-articles,
.post-type-archive-stati,
.post-type-archive-proekty,
.proekty-template-single-projects,
.page-template-contacts {
   background: url("../img/bg/services-bg.jpg") 0 0 / cover no-repeat fixed, #F4F4FB;

}


/* //Navbr statik */
.page-template-archive-articles .navbar,
.post-type-archive-stati .navbar,
.post-type-archive-proekty .navbar,
.proekty-template-single-projects .navbar,
.page-template-contacts .navbar,
.page-template-thank .navbar,
.page-template-privacy-policy .navbar {
   position: static;
   transform: none;
}

/* End  Global header static */

.articles .breadcrumb {
   margin-bottom: 30px;
   color: #212121;
}

.articles {
   padding-top: 35px;
   padding-bottom: 100px;
}

.articles-header {
   max-width: 971px;
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 50px;
}

.articles-header .title {
   margin-bottom: 0;
   max-width: 620px;
}

.articles__item {
   display: flex;
   max-width: 971px;
   width: 100%;
   min-height: 250px;
   border-radius: 14px;
   background: #fff;
   text-decoration: none;
   margin-bottom: 30px;
   cursor: pointer;
}

.articles__item:hover {
   box-shadow: 4px 4px 20px 0 rgba(30, 35, 66, 0.15);
}

.articles__item:last-child {
   margin-bottom: 0;
}

.articles__block {
   width: 100%;
   height: 100%;
   padding: 30px;
}

.articles__item-img {
   border-radius: 5px;
   width: 100%;
   margin-bottom: 20px;
}

@media (min-width: 991.98px) {
   .articles__item-img {
      border-radius: 14px 0 0 14px;
      width: 334px;
      min-height: 250px;
      margin-bottom: 0;
   }
}


.articles__block-title {
   max-width: 400px;
   text-align: left;
}

.articles__elems {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   margin-bottom: 15px;
}

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

.articles__links a {
   font-weight: 400;
   font-size: 16px;
   line-height: 156%;
   text-decoration: underline;
   text-decoration-skip-ink: none;
   color: #989898;
}

.articles__links a:hover {
   color: #4149f2;
}

.articles__block-description {
   margin-bottom: 28px;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   /* Ограничение до 3 строк */
   -webkit-box-orient: vertical;
   /* Вертикальное выравнивание */
   overflow: hidden;
   /* Скрытие текста, который не помещается */
   text-overflow: ellipsis;
   /* Многоточие в конце */
}

.sort {
   position: relative;
   display: flex;
   align-items: center;
   gap: 65px;
}

.sort__item_selected {
   cursor: pointer;
   font-weight: 400;
   font-size: 16px;
   line-height: 156%;
   color: #212121;
}

.sort__item_selected:hover {
   color: #4149f2;
}

.sort__item_selected:hover+svg path {
   stroke: #4149f2;
}

.sort__item_selected.open {
   color: #4149f2;
}

.sort__item_selected.open+svg path {
   stroke: #4149f2;
}

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

.sort__list {
   display: none;
   position: absolute;
   top: 40px;
   box-shadow: 0 4px 13px 0 rgba(30, 35, 66, 0.11);
   background: #fff;
   border-radius: 10px;
   padding: 20px;
   z-index: 999;
}

.sort__list.active {
   display: block;
}

.sort__item {
   cursor: pointer;
   font-weight: 400;
   color: #212121;
   font-size: 15px;
   list-style: none;
   margin-bottom: 20px;
}

.sort__item:last-child {
   margin-bottom: 0;
}

.sort__item:hover {
   color: #4149f2;
}

.sort__item.active {
   font-weight: 700;
   color: #4149f2;
   text-decoration: underline;
}

.arrow-icon {
   transition: transform 0.3s ease;
}

.arrow-icon.open {
   transform: rotate(180deg);
}

/* Article single  */
/* .article-single {
   padding: 100px 0;
} */

.article-banner-wrapper .banner::after {
   clip-path: none;
}

/* End Article single  */

.article-footer__date {
   font-weight: 400;
   font-size: 13px;
   color: #212121;
}

.projets {
   padding-top: 35px;
   padding-bottom: 100px;
}

.projets-header {
   max-width: 100%;
}

.projets-content {
   display: -ms-grid;
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
   gap: 30px;
}

.project-item {
   background: #fff;
   border-radius: 14px;
   min-height: 515px;
   overflow: hidden;
}

.project-item:hover {
   box-shadow: 4px 4px 20px 0 rgba(30, 35, 66, 0.15);
}

.project-img {
   border-radius: 14px 14px 0 0;
   width: 100%;
   max-width: 100%;
   height: 240px;
   object-fit: cover;
}

.project-content {
   padding: 25px 20px;
   font-size: 15px;
   line-height: 160%;
   color: #212121;
   background-color: #fff;
}

.project-item .project-title {
   text-align: left;
   margin-bottom: 35px;
   font-weight: 800;
   font-size: 18px;
   line-height: 137%;
   color: #212121;
}

.project-services {
   margin: 15px 0;
}

.single-project {
   padding-top: 35px;
   padding-bottom: 100px;
}

.single-project .projects-block {
   gap: 40px;
}

.project-title {
   font-weight: 400;
   font-size: 24px;
   line-height: 179%;
   color: #212121;
   margin-bottom: 10px;
}

.project-info {
   display: flex;
   flex-direction: column;
   gap: 20px;
   border-radius: 10px;
   background: #fff;
   padding: 30px;
}

.project-block .project-info {
   padding: 0;
   padding-top: 30px;
   max-width: 500px;
}

.project-block .project-info p {
   display: -webkit-box;
   /* Для поддержки в WebKit-браузерах (Chrome, Safari) */
   -webkit-line-clamp: 5;
   /* Ограничение до 5 строк */
   -webkit-box-orient: vertical;
   /* Направление блоков (по вертикали) */
   overflow: hidden;
   /* Скрытие текста, выходящего за пределы блока */
   text-overflow: ellipsis;
   /* Добавление многоточия в конце */
}

.contacts-page {
   padding-top: 35px;
   padding-bottom: 100px;
}

.contacts-page .row {
   gap: 30px;
   justify-content: space-between;
}

.contacts-page .column {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   flex: 1;
   /* Равномерное распределение пространства между колонками */
}

.contacts-page .column:last-child {
   background: #fff;
   border-radius: 10px;
   max-width: 547px;
   width: 100%;
   padding: 30px;
}

.map {
   position: relative;
   width: 100%;
   height: 532px;
   flex-grow: 1;
   border-radius: 10px;
}

.map iframe {
   /* border-radius: 10px;
   width: 561px;
   height: 532px; */
   width: 100%;
   height: 100%;
   border: none;
}

.contact {
   display: flex;
   flex-direction: column;
   gap: 20px;
   flex-grow: 1;
}

.contact__title {
   font-weight: 400;
   font-size: 24px;
   line-height: 179%;
   color: #212121;
}

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

.contact__link {
   display: flex;
   align-items: center;
   gap: 6px;
}

.contact__link:hover {
   color: #4149f2;
}

.contacts-page .order-call-btn {
   margin: 20px 0;
}

.text-navigation {
   display: flex;
   flex-direction: column;
   gap: 10px;
   background: #fff;
   border-radius: 14px;
   max-width: 700px;
   width: 100%;
   padding: 30px;
}

.text-navigation>div {
   display: flex;
   align-items: flex-start;
   gap: 15px;
}

.circle {
   border-radius: 50%;
   width: 10px;
   height: 10px;
}

.circle_blue {
   background-color: #4149f2;
}

.article-text .text-navigation .text-navigation__intro {
   font-weight: 400;
   font-size: 18px;
   line-height: 111%;
   color: #000;
   margin-bottom: 10px;
}

.text-navigation>div a {
   font-weight: 400;
   font-size: 16px;
   line-height: 150%;
   text-decoration: underline;
   text-decoration-skip-ink: none;
   color: #212121;
   margin-top: -6px;
}

.text-navigation>div a:hover {
   color: #4149f2;
}

.modal {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   min-height: 100vh;
   background: rgba(255, 255, 255, 0.4);
   backdrop-filter: blur(4px);
   z-index: 9999;
   align-items: center;
   justify-content: center;
}

.modal-content {
   position: relative;
   background: #fff;
   border-radius: 8px;
   padding: 20px;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.modal iframe {
   display: block;
   max-width: 800px;
   max-height: 450px;
   width: 100%;
   height: 100%;
}

.popup-form {
   background: url("../img/bg/popup-form-bg.png") no-repeat center / cover;
   border-radius: 14px;
   /* box-shadow: 0 4px 13px 0 rgba(30, 35, 66, 0.11); */
   max-width: 380px;
   padding: 20px 20px 30px 30px;
}

.popup-form__block {
   max-width: 320px;
}

.fixed-form.popup-form {
   position: relative;
}

.fixed-form__close {
   position: absolute;
   top: 20px;
   right: 20px;
   cursor: pointer;
}

.fixed-form__politicy {
   font-weight: 400;
   font-size: 13px;
   color: #212121;
}

.fixed-form__politicy-link {
   text-decoration: underline;
}

/* Скрываем стандартный чекбокс */
.consultation-form__label .wpcf7-form-control-wrap {
   display: none;
}

/* Стили для кастомного чекбокса */
.checkbox-custom {
   border-radius: 5px;
   width: 21px;
   height: 21px;
   position: relative;
   box-shadow: 0 4px 13px 0 rgba(30, 35, 66, 0.11);
   background: #fff;
   transition: background-color 0.3s, border-color 0.3s;
   cursor: pointer;
}

.checkbox-custom::after {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   width: 12px;
   height: 12px;
   background: url("../img/icons/checked.svg") no-repeat center / contain;
   border-radius: 2px;
   transform: translate(-50%, -50%);
   opacity: 0;
   transition: opacity 0.3s;
}

.checkbox-custom.checked::after {
   opacity: 1;
}

/* End new site */

.fotorama__nav:after,
.fotorama__stage:after {
   background: transparent;
}

.fotorama__nav:before,
.fotorama__stage:before {
   background: transparent;
}

.header__intro {
   transform: translate(0px, 0px);
   color: #ffffff;
   font-weight: 400;
   max-width: 485px;
   margin-bottom: 3rem;
   margin-top: -3rem;
}

.changeTo {
   display: flex;
   align-items: center;
}

.articles__heading {
   margin-top: 30px;
}

.categories {
   display: flex;
   margin-bottom: 40px;
}

.categories__button {
   font-weight: 700;
   font-size: 18px;
   color: rgba(47, 53, 64, 0.7);
   margin-right: 20px;
   background: transparent;
   border: none;
   padding: 0;
   padding-bottom: 5px;
   border-bottom: 2px solid transparent;
   cursor: pointer;
}

.categories__button:last-child {
   margin-right: 0;
}

.categories__button:hover {
   color: rgba(47, 53, 64, 1);
}

.categories__button.active {
   border-bottom: 2px solid rgba(47, 53, 64, 1);
   color: rgba(47, 53, 64, 1);
}

/* subpage */
.sub-block {
   padding: 100px 0;
   background: #f9f9f9;
}

/* .installing-ventilation {
    padding-bottom: 0;
} */
/* 
.sub-block .row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
} */
.sub-block__title {
   max-width: 50%;
}

.sub-block__title-right {
   margin-left: auto;
}

.sub-block__block {
   display: flex;
   align-items: flex-start;
}

.sub-block__block .image {
   max-width: 50%;
}

.sub-block__block .gap {
   margin-right: 120px;
}

.sub-block__block .content {
   max-width: 50%;
}

.sub-block .row:nth-child(2) {
   margin: 100px 0;
}

.sub-block .row:last-child {
   margin-bottom: 0;
}

.sub-block__elems {
   margin-bottom: 100px;
}

.sub-block__elems:last-child {
   margin-bottom: 0;
}

.sub-block__title {
   margin-bottom: 4rem;
}

/* .installing-ventilation .row:nth-child(2) {
    margin-bottom: 0px;
} */

.sub-block ul {
   line-height: 1.5;
}

.sub-block ul li {
   margin-left: 36px;
   margin-bottom: 1rem;
   position: relative;
}

.sub-block ul li:last-child {
   margin-bottom: 0;
}

.sub-block ul li::before {
   content: url(../img/icons/ic-check.png);
   position: absolute;
   margin-left: -36px;
   top: -3px;
}

.text_block_serv {
   padding-top: 1px;
   position: relative;
}

.text_block_sections {
   padding-bottom: 50px;
}

.text_block_sections__layout {
   width: 720px;
}

.text_block_sections__layout section:last-child {
   padding-bottom: 0;
}

.text_block_sections__layout .sub-block {
   background: none;
   padding-bottom: 100px;
   padding-top: 0;
}

.text_block_sections__layout .sub-block__title {
   max-width: 100%;
   margin-bottom: 35px;
}

.text_block_sections__layout .sub-block__elems .image {
   order: 1;
}

.text_block_sections__layout .sub-block__block {
   flex-direction: column;
}

.text_block_sections__layout .sub-block__block .content {
   max-width: 100%;
   margin-bottom: 35px;
}

.text_block_sections__layout .sub-block__block .gap {
   margin-right: 0;
}

.text_block_sections__layout .sub-block__block .image {
   max-width: 100%;
}

.text_block_h2 {
   padding-top: 100px;
   padding-bottom: 35px;
}

.text_block_h2 .h2 {
   font-size: 34px;
   font-weight: 800;
   line-height: 1.37;
}

.text_block_h3 {
   padding-top: 100px;
   padding-bottom: 35px;
}

.text_block_h3 .h3 {
   font-size: 22px;
   font-weight: 800;
   line-height: 1.37;
}

.text_block_txt p {
   font-size: 18px;
   font-weight: 400;
   padding-bottom: 25px;
}

.text_block_txt p:last-child {
   padding-bottom: 0;
}

.text_block_list {
   padding-top: 25px;
   padding-bottom: 25px;
}

.text_block_list_p {
   font-size: 18px;
   font-weight: 400;
   padding-bottom: 25px;
}

.text_block_list_repeat_li {
   font-size: 16px;
   font-weight: 400;
   padding-bottom: 5px;
   padding-left: 25px;
   position: relative;
}

.text_block_list_repeat_li:before {
   content: "";
   position: absolute;
   top: 5px;
   left: 0;
   width: 15px;
   height: 15px;
   border-radius: 90px;
   border: 4px solid #b40024;
   background-color: #d9d9d9;
}

.text_block_list_highlight_repeat_li {
   font-size: 18px;
   font-weight: 400;
   padding-bottom: 25px;
   padding-left: 25px;
   position: relative;
}

.text_block_list_highlight_repeat_li:before {
   content: "";
   position: absolute;
   top: 5px;
   left: 0;
   width: 15px;
   height: 15px;
   border-radius: 90px;
   border: 4px solid #b40024;
   background-color: #d9d9d9;
}

.text_block_list_highlight_repeat_li span {
   font-size: 18px;
   font-weight: 800;
}

ol.text_block_list_numbers_repeat_ol {
   counter-reset: num;
   list-style: none;
   margin-left: 0;
   margin-bottom: 0;
}

li.text_block_list_numbers_repeat_li {
   font-size: 18px;
   font-weight: 400;
   line-height: 1.3;
   counter-increment: num;
   padding-bottom: 25px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   gap: 15px;
}

li.text_block_list_numbers_repeat_li:before {
   content: ""counter(num);
   font-weight: 800;
   font-size: 34px;
   line-height: 1;
   color: #b40024;
}

li.text_block_list_numbers_repeat_li span {
   font-weight: 800;
}

.text_block_img {
   margin-bottom: 25px;
}

.text_block_img img {
   width: 100%;
   margin-left: -80px;
}

.text_block_wr {
   padding-top: 40px;
   position: relative;
}

.text_block_wr .subtitle__h2 {
   margin-top: 25px;
   width: 369px;
}

.text_block_wr .text_block_h3 {
   padding-top: 60px;
   padding-bottom: 25px;
}

/*	Текстовый блок Оглавление	*/
/* .text_block_wr .text_block_sections__table-contents {
			padding-top: 0;
			margin-top: -56px;
		} */

.text_block_sections__table-contents {
   margin-top: 127px;
   /*			padding-top: 230px;*/
   padding-left: 110px;
   height: max-content;
}

.text_block_sections__table-contents .header-card {
   width: 100%;
   margin-bottom: 0;
   display: flex;
   flex-direction: column;
   margin-top: 3rem;
}

.text_block_sections__table-contents .header-card .title {
   line-height: 1.4em;
}

.text_block_sections__table-contents .pair {
   display: flex;
   align-items: center;
}

.text_block_sections__table-contents .header-card .small {
   max-width: 100px;
   margin-top: 0;
   margin-left: 30px;
}

#text_block_contents {
   width: 370px;
   max-height: 500px;
   overflow-y: auto;
   position: relative;
   padding-left: 42px;
   border-left: 1px solid #dbdbdb;
   -webkit-transition: ease-out 0.1s;
   -o-transition: ease-out 0.1s;
   transition: ease-out 0.1s;
}

#text_block_contents .h2,
#text_block_contents .h3 {
   margin-bottom: 20px;
   font-size: 16px;
}

#text_block_contents .h2 a,
#text_block_contents .h3 a {
   font-weight: 200;
   font-size: 15px;
   line-height: 137%;
   color: #212121;
}

#text_block_contents .h2 a:hover,
#text_block_contents .h3 a:hover {
   color: #4149f2;
}

#text_block_contents .h2 a.active,
#text_block_contents .h3 a.active {
   color: #4149f2;
   text-decoration: underline;
}

/* .text_block_sections__table-contents.affix {
			padding-top: 0;
			margin-top: 0;
		    left: calc(50% + 120px);	
		    position: fixed;
		    overflow: visible!important;
		} */

.text_block_sections__fl .container.flex-sb {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.text_block_sections__fl.affix-end {
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
}

.text_block_contents-bar {
   position: absolute;
   top: 0;
   left: -1px;
   width: 2px;
   height: 100%;
   background-color: #4149f2;
   transition: transform 0.35s, -webkit-transform 0.35s;
   -webkit-transform-origin: 0 0;
   -ms-transform-origin: 0 0;
   transform-origin: 0 0;
   -webkit-transform: scaleY(0);
   -ms-transform: scaleY(0);
   transform: scaleY(0);
}

/* thank Page */
.thank {
   background: #f4f4fb;
   padding-top: 160px;
   padding-bottom: 165px;
   text-align: center;
}

.thank__title {
   font-size: 50px;
   line-height: 100%;
   margin-bottom: 50px;
}

.thank__text {
   font-size: 18px;
   line-height: 137%;
}

/* End thank Page */

/* Privacy Policy */
.policy {
   padding-top: 35px;
   padding-bottom: 100px;
}

.policy__title {
   margin-bottom: 60px;
}

.policy__content {}

/* End Privacy Policy */
/* End subpage */
.breadcrumb {
   margin-bottom: 30px;
   font-weight: 400;
   font-size: 14px;
   line-height: 179%;
   color: #212121;
   opacity: 0.7;
}

.breadcrumb a:hover {
   color: #4149f2;
   opacity: 1;
}

.banner .breadcrumb {
   margin-bottom: 30px;
   color: rgba(255, 255, 255, 0.7);
   font-size: 12px;
}

.banner .breadcrumb a:hover {
   color: rgba(255, 255, 255, 1);
}

.table {
   display: none;
}

.mob {
   display: none;
}

.banner-text-block__item-mob {
   display: none;
}

.pswp {
   --pswp-bg: rgba(255, 255, 255, 0.4);
   --pswp-icon-color: #4149f2;
   --pswp-icon-stroke-color: #4149f2;
   backdrop-filter: blur(4px);
}

.pswp__button {
   opacity: 1;
}

.pswp__button:hover .pswp__icn {
   --pswp-icon-color: #646bef;
   --pswp-icon-color-secondary: #646bef;
}

.grecaptcha-badge {
   display: none;
}

@media (max-width: 1399.98px) {
   .consultation {
      overflow: hidden;
   }

   .consultation__img {
      right: -170px;
   }
}

@media (max-width: 1199.98px) {
   .header__intro {
      margin: 0 auto;
      margin-top: -3rem;
      margin-bottom: 3rem;
   }

   .navbar {
      position: relative;
   }

   #air .row .column-image {
      display: none;
   }

   /* MVG */
   .container {
      padding-right: 15px;
      padding-left: 15px;
   }

   .logo-icon {
      max-width: 200px;
   }

   .banner {
      padding-top: 150px;
   }

   .banner-text-block__item {
      width: 130px;
      height: 130px;
      padding-left: 10px;
   }

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

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

   .banner-text-block__item:last-child .services__block {
      gap: 15px;
   }

   .services__link {
      max-width: 310px;
   }

   .our-clients__img {
      max-width: 250px;
   }

   .consultation__img {
      max-width: 625px;
      top: 165px;
      right: -165px;
   }

   .faq .fixed-form {
      display: none;
   }

   .project-details {
      padding: 20px;
      gap: 10px;
   }

   .main-gallery-image {
      width: 100%;

   }

   .swiper-slide {
      justify-content: center;
   }

   /* End MVG */
}

@media (max-width: 991.98px) {

   /* global */
   .dec {
      display: none;
   }

   .table {
      display: block;
   }

   .filter {
      flex-wrap: wrap;
   }

   .swiper-mobile {
      display: flex;
   }

   .swiper-slide {
      padding: 0px;
   }

   .swiper-container {
      margin: 0 auto;
      padding: 20px 0;
   }

   /* End global */
   .navbar .contacts {
      display: none;
   }

   .sotical.table {
      display: flex;
      align-items: center;
      gap: 20px;
   }

   .sotical__link {
      line-height: 0;
   }

   .sotical__icon {
      width: 23px;
      height: 23px;
   }

   .sub-menu li .sub-menu {
      max-width: 100%;
      width: 100%;
      padding: 16px 10px;
   }

   .banner-slider .swiper-slide {
      padding-left: 50px;
   }

   .banner-slider .banner__title {
      max-width: 640px;
   }

   .banner-block {
      bottom: -105px;
   }

   .banner-block__elems {
      flex-wrap: wrap;
      gap: 10px;
   }

   .about .row {
      flex-direction: column;
   }

   .about .row .col-6 {
      max-width: 100%;
   }

   .about__img {
      display: block;
      margin: 0 auto;
   }

   .about__btn {
      right: 0;
   }

   .services__block {
      gap: 10px;
   }

   .services__link {
      max-width: 360px;
   }

   .text-block-min__item {
      flex-direction: column;
      gap: 30px;
   }

   .project-details {
      flex-direction: column-reverse;
      background: none;
      box-shadow: none;
   }

   .project-link-block {
      display: flex;
      align-items: center;
      gap: 10px;
   }

   .project-details-link-table {
      max-width: 50%;
      width: 100%;
      font-size: 14px;
      padding: 9px 12px;
      display: flex;
      justify-content: space-between;
      height: 50px;
   }

   .project-details-link svg {
      width: 22px;
      height: 22px;
   }

   .project-link-block .btn {
      max-width: 50%;
      width: 100%;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .turnkey__item {
      flex-direction: column;
      gap: 20px;
      padding: 63px 63px 50px;
   }

   .turnkey .turnkey__item .turnkey__img {
      border-radius: 14px;
      order: -1;
   }

   .turnkey .text-block {
      padding: 0;
   }

   .services-block__item {
      width: 45%;
      padding: 20px;
   }

   .team__slider .swiper-container {
      padding-bottom: 15px;
   }

   .article-block .btn_blue {
      width: 190px;
   }

   /* SUBPage */

   .text-block-min__img {
      order: 2;
   }

   .card-block-simple-slider {
      position: relative;
   }

   .card-block-simple-slider .swiper-slide {
      counter-increment: item;
   }

   .card-block-simple__item {
      counter-increment: none;
   }

   .card-block-simple-slider .swiper-pagination {
      bottom: -20px;
   }

   .section.text-block h2 {
      font-weight: 700;
      font-size: 24px;
      line-height: 125%;
   }

   .section.text-block h3 {
      font-weight: 700;
      font-size: 18px;
      line-height: 139%;
   }

   .section.text-block p {
      font-size: 14px;
      line-height: 143%;
   }

   /* .consultation__img {
      top: 165px;
      right: -165px;
   } */
   .project-gallery {
      flex: auto;
   }

   .project-info {
      max-width: 100%;
      gap: 10px;
   }

   .projects-block {
      flex-direction: column;
   }

   .main-gallery-image {
      max-width: 100%;
      display: block;
      margin-left: auto;
      margin-right: auto;
   }

   .main-gallery-image img {
      max-width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      margin-left: auto;
      margin-right: auto;
   }
}

@media (max-width: 767.98px) {

   /* Global */
   .dec {
      display: none;
   }

   .mob {
      display: block;
   }

   .section {
      padding: 45px 0 50px 0;
   }

   .navbar {
      /* padding: 12px 0; */
      top: 0;
   }

   .navbar .navbar__block:last-child {
      display: none;
   }

   .navbar__block:first-child {
      border: none;
   }

   .navbar-row .hr {
      display: none;
   }

   .navbar__elems {
      flex-direction: column;
      gap: 5px;
   }

   .navbar__elems .btn {
      display: none;
   }

   .work-time {
      font-size: 12px;
      margin-right: 0;
   }

   .sotical.table {
      margin-right: 0;
   }

   .title {
      font-weight: 700;
      font-size: 24px;
      line-height: 125%;
      margin-bottom: 20px;
   }

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

   .project-block .swiper-button-next,
   .projects-block .swiper-button-next,
   .projects-block .swiper-button-prev,
   .project-block .swiper-button-prev {
      display: flex;
   }

   .swiper-pc {
      display: none;
   }

   .swiper-pagination {
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      overflow-x: hidden;
      position: absolute;
      left: 50%;
      bottom: -20px;
      transform: translateX(-50%);
   }

   .swiper-pagination-bullet-active {
      background: #4149f2;
   }

   /* cockies */
   .cockies {
      padding: 15px;
   }

   .cockies .container {
      padding: 0;
   }

   .cockies__block {
      flex-direction: column;
      gap: 15px;
      align-items: flex-start;
   }

   .cockies__text {
      font-size: 12px;
      line-height: 133%;
   }

   .cockies__link {
      font-size: 12px;
      line-height: 133%;
   }

   .cockies__btn {
      height: 35px;
      padding: 13px 16px;
   }

   /* End cockies */

   /* End Global */
   .banner {
      min-height: 500px;
   }

   .banner__title {
      font-size: 32px;
   }

   .banner-block {
      bottom: -150px;
   }

   .banner .swiper-pagination {
      display: flex;
      bottom: -40px;
      left: 15px;
      transform: none;
   }

   .banner .swiper-pagination-bullet {
      background: #fff;
      opacity: 1;
   }

   .banner .swiper-pagination-bullet-active {
      background: #4149f2;
   }

   .banner-slider .swiper-slide {
      padding: 0;
   }

   .banner-text-block__items .banner-text-block__item-mob:nth-child(5) {
      background: #646bef;
   }

   .banner-text-block__items .banner-text-block__item-mob:nth-child(6) {
      background: #4149f2;
   }

   .about {
      padding-top: 200px;
   }

   .about .title {
      margin-bottom: 20px;
   }

   .img-block {
      display: flex;
      align-items: flex-end;
      gap: 10px;
   }

   .about__img {
      width: 345px;
      height: 335px;
      margin: 0;
   }

   .about__btn {
      position: static;
      margin-left: -60px;
   }

   .services__link {
      max-width: 48%;
   }

   .turnkey {
      position: relative;
      background: #fff;
   }

   .turnkey__block .swiper-wrapper {
      flex-direction: row;
      gap: inherit;
   }

   .turnkey__item {
      padding: 0;
   }

   .turnkey__img {
      max-width: 100%;
      width: 100%;
   }

   .turnkey .text-block {
      order: 1;
      padding: 0;
   }

   .turnkey .swiper-pagination {
      bottom: 50px;
   }

   .services__wrap {
      flex-direction: column;
   }

   .services-block__item {
      max-width: 100%;
      width: 100%;
   }

   .services-block__btn {
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 5px;
      width: 100%;
      height: 50px;
      background: #4149f2;
      font-weight: 400;
      font-size: 14px;
      line-height: 107%;
      color: #fff;
      margin-top: 20px;
   }

   .services__block-icon {
      display: none;
   }

   .our-clients .swiper-pagination {
      bottom: -20px;
   }

   .our-clients__block {
      gap: 10px;
   }

   .letters__slide,
   .letters__img {
      /* width: 100%; */
      max-width: 100%;
      max-height: 100%;
   }

   .letters .swiper-pagination {
      bottom: -20px;
   }

   .consultation {
      background: url("../img/bg/builder-mob.jpg") no-repeat top right / cover;
   }

   .consultation__img {
      display: none;
   }

   .consultation__block {
      max-width: 100%;
   }

   .partners__list,
   .partners__slider,
   .team__slider {
      display: none;
   }

   .partners__slider-mob {
      position: relative;
   }

   .team__slider-mob {
      position: relative;
   }

   .team__slider-mob .swiper-pagination {
      display: none;
   }

   .partners__slider-mob .swiper-slide {
      flex-wrap: wrap;
      gap: 10px;
   }

   .team__slider-mob .swiper-slide {
      flex-wrap: wrap;
      gap: 10px;
   }

   .team__slider-mob .team__slide {
      flex: 0 0 48%;
      padding: 3px;
   }

   .team__slider-mob .swiper-pagination {
      bottom: -20px;
   }

   .article__block .swiper-pagination {
      bottom: -20px;
   }

   .sub-block {
      padding: 50px 0;
   }

   .sub-block .row:nth-child(2) {
      margin: 50px 0;
   }

   .sub-block .row {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
   }

   .sub-block__elems {
      margin-bottom: 50px;
   }

   .sub-block__elems:nth-child(2) {
      margin-bottom: 20px;
   }

   .text_block_sections__fl .sub-block__elems:nth-child(2) {
      margin-bottom: 50px;
   }

   .text_block_sections__fl .sub-block__elems:nth-child(3) {
      margin-bottom: 15px;
   }

   .sub-block__elems:last-child {
      margin-bottom: 0;
   }

   .sub-block__elems:nth-child(2) .sub-block__block .image {
      order: 2;
   }

   .sub-block__elems:nth-child(2) .sub-block__block .content {
      order: 1;
   }

   .sub-block__block .gap {
      margin: 0;
   }

   .sub-block__block {
      flex-direction: column;
      gap: 20px;
   }

   .sub-block__block .content {
      max-width: 100%;
   }

   .sub-block__block .image {
      max-width: 100%;
   }

   .sub-block__title {
      max-width: 100%;
      margin-bottom: 2rem;
   }

   .sub-block__title-right {
      margin-left: 0;
   }

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

   .group-blocks .installing-ventilation {
      order: 3;
   }

   #variety {
      padding: 6rem 0;
      background: #fff;
   }

   .categories {
      margin-top: 0;
      margin-bottom: 30px;
      flex-wrap: wrap;
      gap: 15px;
   }

   .categories__button {
      font-size: 16px;
      margin-right: 0;
   }

   .text_block_sections__table-contents {
      display: none;
   }

   .text_block_sections__layout {
      max-width: 100%;
   }

   /* MVG */
   .contacts-page .row {
      flex-direction: column-reverse;
   }

   .contacts-page .column:last-child {
      padding: 20px;
      max-width: 100%;
   }

   .why__item {
      min-height: 445px;
   }

   .why__item .title-min {
      text-align: left;
      font-weight: 800;
      font-size: 16px;
      line-height: 125%;
      color: #212121;
      margin-bottom: 15px;
   }

   .faq-card {
      max-width: 100%;
   }

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

   .footer__groups {
      flex-direction: column;
      gap: 30px;
   }

   .footer-menu {
      gap: 10px;
   }

   /* SUBPage */
   .projects-block {
      flex-direction: column;
   }

   .project-title {
      font-size: 18px;
      line-height: 56%;
   }

   .project-details {
      padding: 0;
      gap: 20px;
   }

   .project-details .main-gallery-image {
      margin-bottom: 10px;
   }

   .project-details .project-block .project-info {
      padding-top: 10px;
   }

   .project-details .project-title {
      margin-bottom: 20px;
   }

   .project-link-block {
      margin-top: 30px;
   }

   .project-gallery .swiper-container {
      padding: 0;
   }

   .project-block .gallery-thumbnails .swiper-slide img {
      border-radius: 4px;
      width: 100%;
      min-height: 41px;
   }

   .project-item {
      width: 100%;
   }

   .project-item:hover {
      box-shadow: none;
   }

   .project-img {
      margin-top: 20px;
      margin-bottom: 28px;
      border-radius: 5px;
   }

   .articles {
      padding-bottom: 0;
   }

   .articles-content {

      padding-top: 45px;
      padding-bottom: 50px;
   }

   .articles__block {
      padding: 0;
   }

   .articles__item {
      flex-direction: column;
      margin-bottom: 45px;
      background: transparent;
   }

   .articles__item:hover {
      box-shadow: none;
   }

   .articles__elems {
      flex-direction: column;
      gap: 15px;
   }

   .articles__item-img {
      margin-bottom: 20px;
      border-radius: 5px;
      min-width: 300px;
      width: 100%;
      min-height: 200px;
      height: auto;
   }

   .articles__block-description {
      margin-bottom: 20px;
      line-height: 143%;
   }

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

   .articles__links a {
      font-size: 14px;
   }

   .article-text-first {
      margin-top: 0;
      margin-bottom: 50px;
   }

   .text-block__margins-mobile {
      display: block;
   }

   .text-block__margins-desktop {
      display: none;
   }

   /* thank Page */
   .thank {
      padding-top: 60px;
      padding-bottom: 50px;
      text-align: center;
   }

   .thank__title {
      font-weight: 700;
      font-size: 24px;
      line-height: 125%;
      margin-bottom: 20px;
   }

   .thank__text {
      font-size: 16px;
      line-height: 137%;
   }

   /* End thank Page */

   /* End MVG */
}

@media (max-width: 575.98px) {

   /* Global */
   .container {
      padding: 0 10px;
   }

   .navbar.fixed {
      top: 0;
   }

   .navbar .container {
      padding: 10px;
   }

   .logo-icon {
      max-width: 146px;
      height: 34px;
   }

   .work-time {
      font-size: 10px;
      gap: 3px;
   }

   /* .sotical.table {
      gap: 7px;
   } */

   .sort {
      width: 100%;
      flex-direction: column;
      gap: 10px;
   }

   .sort__nav {
      width: 100%;
   }

   .sort__block {
      width: 100%;
      background: #4149f2;
      border-radius: 5px;
      padding: 7px 15px 10px 15px;
      justify-content: space-between;
   }

   .sort__item_selected {
      font-weight: 500;
      font-size: 14px;
      color: #fff;
   }

   .sort__item_selected:hover {
      color: #fff;
   }

   .sort__item_selected:hover+svg path {
      stroke: #fff;
   }

   .sort__item_selected.open {
      color: #fff;
   }

   .sort__item_selected.open+svg path {
      stroke: #fff;
   }

   .sort .arrow-icon path {
      stroke: #fff;
   }

   .sort__nav {
      position: relative;
   }

   .filter {
      gap: 10px;
      margin-bottom: 20px;
   }

   .filter__item {
      font-weight: 400;
      font-size: 12px;
      line-height: 208%;
   }

   .title-medium {
      font-size: 16px;
      line-height: 125%;
      font-weight: 600;
   }

   .intro {
      font-size: 14px;
      line-height: 143%;
   }

   .text,
   p {
      font-weight: 400;
      font-size: 14px;
   }

   .swiper-container {
      padding: 10px;
      margin: -10px;
   }

   .section.text-block h1,
   .article-text h1 {
      font-size: 24px;
      line-height: 125%;
   }

   .section.text-block h2,
   .article-text h2 {
      font-weight: 700;
      font-size: 24px;
      line-height: 125%;
   }

   .section.text-block h3,
   .article-text h3 {
      font-weight: 700;
      font-size: 24px;
      line-height: 125%;
   }

   .section.text-block p,
   .article-text p {
      font-size: 14px;
      line-height: 143%;
      margin-bottom: 20px;
   }

   .section.text-block p:first-child,
   .article-text p:first-child {
      font-size: 14px;
      line-height: 143%;
      margin-bottom: 20px;
   }

   .section.text-block ul li,
   .article-text ul li {
      font-size: 14px;
      line-height: 143%;
   }

   .section.text-block ol li,
   .article-text ol li {
      font-size: 14px;
      line-height: 143%;
      margin-left: 25px;
      padding-left: 5px;
   }

   .banner .breadcrumb {
      margin-bottom: 27px;
      font-size: 10px;
   }

   /* End Global */
   .home .banner {
      min-height: 365px;
      padding-top: 60px;
   }

   .banner {
      min-height: 365px;
      padding-top: 20px;
   }

   .banner::after {
      clip-path: polygon(0% 0%, 100% 0%, 100% 99%, 0% 93%);
      background-image: var(--banner-bg-mob, var(--banner-bg));
      background-position: left bottom;
   }

   .banner-slider {
      padding-bottom: 50px;
   }

   .banner-slider .swiper-slide {
      padding: 0;
   }

   .banner__title {
      font-size: 24px;
      line-height: 125%;
   }

   .banner .intro {
      font-size: 14px;
      line-height: 143%;
      margin-bottom: 29px;
   }

   .banner__btn {
      position: relative;
      display: inline-block;
      font-weight: 400;
      font-size: 14px;
      line-height: 107%;
      color: #fff;
      background: none;
      padding: 0;
      width: auto;
      height: auto;
   }

   .banner__btn::after {
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: -25px;
      width: 20px;
      height: 5px;
      background: url("../img/icons/arrow-lw-right.svg") no-repeat center;
   }

   .banner .swiper-pagination {
      left: 10px;
   }

   .banner-block {
      /* bottom: -115px; */
      bottom: -123px;
   }

   .banner-block__elems {
      align-items: flex-end;
   }

   .banner-block__items {
      position: relative;
      flex-direction: column;
      align-items: flex-start;
      gap: 20px;
      bottom: 30px;
   }

   .banner-block__icon {
      width: 20px;
      height: 20px;
   }

   .banner-block__intro {
      font-size: 14px;
      line-height: 143%;
   }

   .banner-text-block__items {
      flex-direction: column;
      gap: 5px;
   }

   .banner-text-block__item {
      display: none;
   }

   .banner-text-block__item-mob {
      display: flex;
      padding: 10px;
      width: 127px;
      height: auto;
      gap: 0;
   }

   .banner-text-block__intro {
      line-height: 150%;
      font-weight: 700;
   }

   .about {
      padding-top: 140px;
   }

   .quote {
      font-size: 16px;
      line-height: 125%;
      padding-left: 10px;
   }

   .about__img {
      width: 138px;
      height: 176px;
   }

   .about__btn {
      width: 190px;
      height: 60px;
      font-size: 14px;
      margin-left: -35px;
      gap: 10px;
   }

   .services__link {
      padding: 0;
      min-height: 160px;
   }

   .services__item {
      min-height: 160px;
      padding: 10px;
   }

   .services-content__title {
      font-size: 14px;
      font-weight: 400;
   }

   .services-content img {
      display: none;
   }

   .turnkey {
      padding-bottom: 80px;
   }

   .turnkey .title {
      max-width: 221px;
   }

   .turnkey__block {
      margin-top: 0;
   }

   .turnkey__item {
      gap: 20px;
   }

   .turnkey__item .title-medium {
      font-size: 18px;
      line-height: 139%;
      margin: 0;
   }

   .turnkey__item .area {
      font-size: 14px;
      line-height: 143%;
   }

   .turnkey__item .text {
      margin-bottom: 20px;
      font-size: 14px;
      line-height: 143%;
   }

   .turnkey__item .intro-bold {
      font-size: 18px;
      line-height: 144%;
   }

   .services__wrap {
      gap: 0;
   }

   .services-block__item {
      background: #fff;
      padding: 10px;
      min-height: auto;
   }

   .services-block-list .services-block-list__item:nth-child(2n) {
      background: #f3f4fb;
   }

   .services-block__item.hidden {
      display: none;
   }

   .services__elems {
      margin-bottom: 20px;
   }

   .services-block__img {
      max-width: 30px;
   }

   .services-block__title {
      font-weight: 400;
      font-size: 18px;
      line-height: 111%;
   }

   .services-block-list__item {
      padding: 5px 7px;
   }

   .services-block-list__name {
      font-size: 12px;
      line-height: 167%;
   }

   .services-block-list__price {
      font-weight: 700;
      font-size: 14px;
      line-height: 143%;
   }

   .our-clients__img {
      border-radius: 5px;
      width: 48%;
      min-height: 80px;
      box-shadow: 0 4px 10px 0 rgba(30, 35, 66, 0.08);
   }

   .our-clients .swiper-slide {
      /* justify-content: space-between; */
   }

   .consultation__title {
      font-size: 24px;
      line-height: 125%;
      margin-bottom: 10px;
   }

   .consultation-form__block {
      gap: 20px;
      flex-direction: column;
      margin-top: 20px;
      align-items: flex-start;
   }

   .consultation-form__label {
      font-weight: 400;
      font-size: 12px;
      color: #212121;
      gap: 10px;
   }

   .consultation-form input[type="submit"] {
      width: 100%;
   }

   .consultation-form .consultation-form__label {
      max-width: 100%;
      gap: 10px;
   }

   .consultation-form .fixed-form__politicy {
      max-width: 100%;
      font-size: 12px;
   }

   .letters {
      padding-bottom: 80px;
   }

   .letters__slide a {
      width: 100%;
   }

   .letters__img {
      box-shadow: 0 4px 10px 0 rgba(30, 35, 66, 0.08);
   }

   .why__item {
      max-width: 100%;
   }

   .why-text-block {
      padding-top: 20px;
   }

   .partners__img {
      width: 48%;
      max-width: 100%;
      min-height: 85px;
      box-shadow: 0 4px 10px 0 rgba(30, 35, 66, 0.08);
   }

   .partners .swiper-slide {
      justify-content: space-between;
   }

   .team__slider-mob .swiper-wrapper {}

   .team__slider-mob .swiper-slide {
      justify-content: space-between;
   }

   .team__slide {
      width: 50%;
      min-height: 236px;
   }

   .team .text-block {
      max-width: 100%;
      min-height: 186px;
      padding: 10px;
      padding-top: 60px;
      padding-bottom: 20px;
      margin-top: -25%;
   }

   .team .title-min {
      max-width: 125px;
      font-size: 14px;
      line-height: 137%;
      margin: 0 auto;
      margin-bottom: 10px;
   }

   .faq-card .title-min {
      font-weight: 700;
      font-size: 16px;
      line-height: 125%;
      margin-bottom: 15px;
   }

   .text-block-min h1 {
      font-size: 24px;
      font-weight: 700;
      line-height: 30px;
      margin-bottom: 20px;
   }

   .text-block .team__job {
      max-width: 125px;
      font-size: 12px;
      line-height: 137%;
      margin: 0 auto;
      margin-bottom: 10px;
   }

   .text-block .team__experience {
      max-width: 125px;
      position: static;
      font-weight: 400;
      font-size: 12px;
      line-height: 137%;
      text-align: center;
      color: #212121;
      width: auto;
      transform: translate(0);
      margin: 0 auto;
   }

   .team__img {
      width: 100px;
      height: 100px;
   }

   .team__slide:first-child {
      margin-left: 0;
   }

   .articles-header {
      flex-direction: column;
      align-items: flex-start;
   }

   .article-block {
      padding-bottom: 80px;
   }

   .article-block .btn_blue {
      display: none;
   }

   .article__link {
      min-height: 515px;
      max-width: 100%;
      width: 100%;
   }

   .article__link:hover {
      box-shadow: 2px 2px 10px 0 rgba(30, 35, 66, 0.1);
   }

   .article__item-img {
      max-height: 200px;
      min-height: 200px;
      width: 100%;
      max-width: 100%;
   }

   .article-content {
      padding: 20px;
      padding-bottom: 0;
   }

   .article-content__title {
      font-size: 16px;
      line-height: 125%;
   }

   .article-footer {
      bottom: 20px;
   }

   .article-footer__date {
      font-weight: 400;
      font-size: 13px;
      color: #989898;
   }

   .text-block-min__img {
      max-width: 100%;
      display: none;
   }

   .page-template-home .text-block-min__img {
      display: block;
   }

   .footer {
      padding-bottom: 50px;
      padding-top: 45px;
   }

   .footer-contacts {
      flex-direction: column;
      gap: 15px;
   }

   .footer .hr2 {
      margin: 20px 0;
   }

   .footer__address {
      max-width: 145px;
      text-align: right;
   }

   .footer__text {
      font-size: 12px;
      margin-bottom: 24px;
   }

   .footer__text-min {
      font-size: 12px;
   }

   .footer__info {
      font-size: 12px;
   }

   .video-modal iframe {
      width: 300px;
      height: 169px;
   }

   .popup-form {
      max-width: 300px;
      min-width: auto;
      padding: 25px 10px;
      background: url("../img/bg/popup-form-bg-mob.png") no-repeat center / cover;
      border-radius: 5px;
   }

   .popup-form input[type="submit"] {
      max-width: 100%;
      width: 100%;
   }

   /* SUBPage */
   .card-block .title {
      max-width: 100%;
   }

   .card-block-simple {
      background: #fff;
   }

   .card-block-simple__item {
      border-radius: 5px;
      box-shadow: 2px 2px 10px 0 rgba(30, 35, 66, 0.1);
   }

   .card-block-simple__item {
      padding: 20px;
      max-width: 100%;
      width: 100%;
      min-height: 235px;
   }

   .card-block-simple__item .title-min {
      font-weight: 800;
      font-size: 16px;
      line-height: 125%;
      margin-bottom: 15px;
      max-width: 280px;
   }

   .card-block-simple__item .text {
      font-size: 14px;
      line-height: 143%;
   }

   .article-banner-wrapper .banner {
      padding-bottom: 63px;
      min-height: 243px;
   }

   .articles-header {
      margin-bottom: 45px;
   }

   .articles-header .title {
      margin-bottom: 20px;
   }

   .article-single .fixed-form {
      min-width: auto;
   }

   .article-single .fixed-form {
      display: none;
   }

   .banner .text-navigation {
      display: none;
   }

   .text-navigation {
      padding: 20px 10px;
      background: #f3f4fb;
      border-radius: 5px;
      margin-bottom: 45px;
   }

   .text-navigation>div a {
      max-width: 260px;
      font-size: 14px;
      line-height: 143%;
   }

   .projets-content .project-title {
      margin-bottom: 15px;
   }

   .main-gallery-image {
      max-width: 100%;
      /* width: 100%; */
      height: auto;
   }

   .projects-block .swiper {
      max-width: 300px;
      width: 100%;
   }

   .project-gallery .main-gallery-image img {
      border-radius: 5px;
      width: 100%;
      min-height: 210px;
   }

   .project-info {
      padding: 0;
      background: none;
   }

   .project-gallery .gallery-thumbnails .galereya-min-img {
      border-radius: 4px;
      min-width: 58px;
      min-height: 38px;
      height: 38px;
   }

   /* Навигация между проектами */
   .project-navigation__block {
      margin-top: 47px;
   }

   .project__elems {
      flex-direction: column;
      align-items: flex-start;
      gap: 0;
   }

   .project__elems-right {
      align-items: flex-end;
   }

   .project__iocn {
      display: none;
   }

   .project-navigation__link {
      font-weight: 200;
      font-size: 12px;
      line-height: 125%;
      color: #989898;
      padding-bottom: 3px;
   }

   .navigation-thumbnail {
      height: 95px;
      margin: 15px 0 10px;
   }

   .project-navigation__title {
      font-size: 14px;
      line-height: 143%;
   }

   /* thank Page */
   .thank {
      padding-top: 60px;
      padding-bottom: 50px;
      text-align: left;
   }

   .thank__title {
      font-weight: 700;
      font-size: 24px;
      line-height: 125%;
      margin-bottom: 20px;
   }

   .thank__text {
      font-size: 16px;
      line-height: 137%;
      max-width: 215px;
   }

   /* End thank Page */
}

@media (max-width: 349.98px) {}

/* End custom css */

.project-block-pod-block .row {
   justify-content: space-between;
}

.project-main-slider-navigation .swiper-button-next,
.project-main-slider-navigation .swiper-button-prev {
   display: block !important;
}

table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 15px;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

/* Заголовок */
table thead {
  background: linear-gradient(90deg, #646bef, #4149f2);
  color: #fff;
}
/* Голубой hover у строк таблицы */
.article-text table tbody tr:hover,
.article-text table tbody tr:hover td {
  background: #eef3ff !important;
}

table th {
  padding: 16px;
  text-align: left;
  font-weight: 600;
  font-size: 16px;
}

/* Ячейки */
table td {
  padding: 14px 16px;
  border-bottom: 1px solid #f0f0f0;
  color: #333;
}

/* Зебра */
table tbody tr:nth-child(even) {
  background: #fafafa;
}

/* Ховер */
table tbody tr:hover {
  background: #f3fbf7;
  transition: 0.2s;
}

/* Убираем последнюю границу */
table tbody tr:last-child td {
  border-bottom: none;
}

/* Закругления */
table thead tr th:first-child {
  border-top-left-radius: 12px;
}
table thead tr th:last-child {
  border-top-right-radius: 12px;
}

/* Адаптив */
@media (max-width: 768px) {
  table {
    font-size: 14px;
  }

  table th,
  table td {
    padding: 10px;
  }
}
/* Отступы внутри статьи */
.article-text h2 {
  margin-top: 55px;
  margin-bottom: 20px;
}

.article-text h3 {
  margin-top: 40px;
  margin-bottom: 16px;
}

.article-text p {
  margin-top: 0;
  margin-bottom: 24px;
}

.article-text ul,
.article-text ol {
  margin-top: 12px;
  margin-bottom: 32px;
}

.article-text li {
  margin-bottom: 10px;
}

.article-text li:last-child {
  margin-bottom: 0;
}

.article-text table {
  margin-top: 24px;
  margin-bottom: 40px;
}

.article-text table + h2,
.article-text table + h3,
.article-text ul + h2,
.article-text ul + h3,
.article-text ol + h2,
.article-text ol + h3 {
  margin-top: 55px;
}

.article-text p + h2,
.article-text p + h3 {
  margin-top: 50px;
}
/* H3 внутри статьи — меньше, чем H2 */
.article-text h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 130%;
  color: #212121;
  margin-top: 36px;
  margin-bottom: 14px;
}
/* Убрать h3 из навигации */
@media (max-width: 575.98px) {
  .article-text h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 135%;
    margin-top: 28px;
    margin-bottom: 12px;
  }
}
#text_block_contents .h3 {
  display: none;
}

/* Плашка */
.article-cta-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 45px 0;
  padding: 28px 30px;
  border-radius: 14px;
  background: #f3f4fb;
  border-left: 4px solid #4149f2;
}

.article-cta-box__content {
  max-width: 620px;
}

.article-cta-box__title {
  font-weight: 700;
  font-size: 22px;
  line-height: 130%;
  color: #212121;
  margin-bottom: 10px;
}

.article-cta-box__text {
  font-weight: 400;
  font-size: 15px;
  line-height: 160%;
  color: #212121;
}

.article-cta-box .btn_blue {
  flex-shrink: 0;
  width: auto;
  min-width: 210px;
  height: 50px;
  padding: 16px 24px;
  border: none;
}

@media (max-width: 767.98px) {
  .article-cta-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin: 35px 0;
    padding: 22px 18px;
    border-radius: 10px;
  }

  .article-cta-box__title {
    font-size: 18px;
    line-height: 130%;
  }

  .article-cta-box__text {
    font-size: 14px;
    line-height: 150%;
  }

  .article-cta-box .btn_blue {
    width: 100%;
    min-width: 100%;
  }
}
/* Заголовок статьи */
.single-stati .article-banner-wrapper .main-title.banner__title {
  max-width: 1200px !important;
  width: 100% !important;
  margin-bottom: 40px !important;
}
@media (max-width: 430px) {
  .article-text.text-block,
  .article-text.text-block .text-editor {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  .article-text.text-block .text-editor > * {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .article-text.text-block .text-editor p,
  .article-text.text-block .text-editor h2,
  .article-text.text-block .text-editor h3,
  .article-text.text-block .text-editor ul,
  .article-text.text-block .text-editor ol,
  .article-text.text-block .text-editor li {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  .article-text.text-block .text-editor table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .article-text.text-block .text-editor th,
  .article-text.text-block .text-editor td {
    min-width: 0 !important;
    max-width: 160px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    padding: 8px 6px !important;
    font-size: 12px !important;
    line-height: 135% !important;
  }
}
.article-single .fixed-form,
.single-stati .fixed-form {
  position: sticky !important;
  top: 150px !important;
  z-index: 1 !important;
}
.article-other-block .article__link {
  min-height: 610px;
}

.article-other-block .article-content {
  padding-bottom: 95px;
}

.article-other-block .article-content__title {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.article-other-block .article-content__description {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.article-other-block .article-footer {
  bottom: 25px;
}
.article-block .article__link {
  min-height: 610px !important;
}

.article-block .article__item-img {
  height: 240px !important;
  object-fit: cover !important;
  display: block !important;
}

.article-block .article-content {
  padding-bottom: 95px !important;
}

.article-block .article-content__title {
  display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.article-block .article-content__description {
  display: -webkit-box !important;
  -webkit-line-clamp: 5 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.article-block .article-footer {
  bottom: 25px !important;
}

/* MVG: align project slider arrows in service/direction pages like homepage */
.project-block-pod-block .project-main-slider-navigation .swiper-button-prev,
.project-block-pod-block .project-main-slider-navigation .swiper-button-next {
  top: 50%;
}

.project-block-pod-block .project-main-slider-navigation .swiper-button-prev {
  left: -32px;
}

.project-block-pod-block .project-main-slider-navigation .swiper-button-next {
  right: -32px;
}

.project-block-pod-block .project-main-slider-navigation .swiper-button-prev.swiper-button-disabled,
.project-block-pod-block .project-main-slider-navigation .swiper-button-next.swiper-button-disabled {
  display: none !important;
}

.project-block-pod-block .project-gallery .gallery-thumbnails {
  position: relative;
}

.project-block-pod-block .project-gallery .gallery-thumbnails .swiper-container {
  max-width: 470px;
  margin: 0 auto;
}

@media (max-width: 767.98px) {
  .project-block-pod-block .project-main-slider-navigation .swiper-button-prev {
    left: 0;
  }

  .project-block-pod-block .project-main-slider-navigation .swiper-button-next {
    right: 0;
  }
}
/* Ссылки в тексте статей */
.article-text .text-editor a:not(.btn):not(.btn_blue):not(.banner__btn):not(.order-call-btn) {
   color: #4149f2;
   text-decoration: underline;
   text-decoration-color: #4149f2;
   text-decoration-thickness: 1px;
   text-underline-offset: 3px;
   transition: color 0.25s ease, text-decoration-color 0.25s ease, text-decoration-thickness 0.25s ease;
}

/* Наведение на ссылки в тексте статей */
.article-text .text-editor a:not(.btn):not(.btn_blue):not(.banner__btn):not(.order-call-btn):hover {
   color: #646bef;
   text-decoration-color: #646bef;
   text-decoration-thickness: 2px;
}

/* Фокус при навигации с клавиатуры */
.article-text .text-editor a:not(.btn):not(.btn_blue):not(.banner__btn):not(.order-call-btn):focus-visible {
   color: #646bef;
   outline: 2px solid #4149f2;
   outline-offset: 3px;
   border-radius: 2px;
}