/*
Theme Name:   Mtsm (дочерняя тема Neve)
Theme URI:    https://mtsm.by/
Description:  Дочерняя тема для Neve
Author:       Artsem
Author URI:   artsemyakautsou@gmail.com
Template:     neve
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  mtsm
*/

/* ===== ОБЩИЕ СТИЛИ ===== */
img,
svg,
iframe,
button,
label,
.button-primary,
.mtsm-brand-name {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body {
    text-rendering: optimizeSpeed;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

body:not(.home) .site-logo .title-with-logo > :first-child {
    
}

.site-logo img,
img.mobile-navbar-logo,
.pum-container.pum-responsive img {
    border-radius: 0 !important;
}

body:not(.home) .page h1::before,
body:not(.home) .single h1::before,
body:not(.home) h1:first-of-type::before {
    content: "✧";
    margin-right: 15px;
    color: #2E5A8E;
    font-size: 0.9em;
    display: inline-block;
}

body:not(.home) .page h1::after,
body:not(.home) .single h1::after,
body:not(.home) h1:first-of-type::after {
    content: "✧";
    margin-left: 15px;
    color: #2E5A8E;
    font-size: 0.9em;
    display: inline-block;
}

p {
    margin-bottom: 15px;
}
p.description-section {
  margin-bottom: 30px;
}

.container-fluid {
    padding: 0 15px;
}

.term-description {
    margin-bottom: 30px;
}

.search-form .search-field {
    border: 1px solid #eee;
}

.search-form .search-field:focus~button {
    box-shadow: none !important;
    background-color: #2E5A8E;
}

.search-form .search-field:focus~button span svg {
    fill: #ffffff;
}

.brand-name {
    text-transform: none;
}

.is-menu-sidebar .header-menu-sidebar {
    box-shadow: 8px 0 25px -5px rgba(0, 0, 0, 0.15), 2px 0 8px -3px rgba(0, 0, 0, 0.05);
}

#header-menu-sidebar .header-menu-sidebar-inner {
    padding: 0 0 20px 0;
}

.home .neve-main,
.page-id-536.page .neve-main,
.page-id-534.page .neve-main {
    margin-bottom: 0;
}

.wpcf7 form .wpcf7-response-output {
    padding: 5px !important;
    color: #1c4820 !important;
    background-color: #a2d9a7 !important;
    font-weight: 600;
}

.nv-post-thumbnail-wrap img {
    object-fit: fill;
}

.neve-breadcrumbs-wrapper,
.nv-page-title .neve-breadcrumbs-wrapper {
    font-size: 12px !important;
    color: #676767 !important;
    margin-bottom: 20px;
}

/* Анимация блика */
@keyframes shineEffect {
    0% {
        background-position: -200% center;
    }
    100% {
        background-position: 200% center;
    }
}

.component-wrap .button-primary {
    position: relative;
    overflow: hidden;
}

/* Псевдо-элемент для блика поверх кнопки */
.component-wrap .button-primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0) 30%,
        rgba(255, 255, 255, 0.6) 50%,
        rgba(255, 255, 255, 0) 70%,
        transparent 100%
    );
    background-size: 200% 100%;
    background-position: -200% center;
    background-repeat: no-repeat;
    pointer-events: none; /* Чтобы не мешать клику по кнопке */
    animation: shineEffect 2s ease-in-out 3 forwards;
}


/* ===== ХЕДЕР И НАВИГАЦИЯ ===== */
.header {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}

.navbar-toggle {
    background: transparent;
}

.navbar-toggle:focus {
    outline: none;
    border: none;
}

.excerpt-wrap p {
  font-size: 14px;
  color: #676767;
}

.site-logo small {
    display: block;
    max-width: 260px;
    line-height: 1.2;
    font-size: 14px;
}

img.mobile-navbar-logo {
    max-width: 90px;
    margin: 0 auto;
    display: block;
}

.header-menu-sidebar .nav-ul li:not([class*=block])>.wrap>a {
    padding: 12px 0;
}

/* ===== ПОИСК ===== */
.menu-item-nav-search.minimal .nv-nav-search {
    border-radius: 10px;
    background: #fff9;
}

.menu-item-nav-search.minimal .search-field {
    margin-bottom: 0;
}

#nv-primary-navigation-main ul.sub-menu {
  background: #ffffff;
  border-radius: 10px;
  color: #2b2b2b !important;
}

body.home #nv-primary-navigation-main ul.sub-menu li a {
	color: #2b2b2b !important;
}
body.home #nv-primary-navigation-main ul.sub-menu li a:hover {
	color: #2E5A8E !important;
}

.nav-ul .caret svg {
  fill: #ffffff;
}
body.home header.scrolled .nav-ul .caret svg {
  fill: #2b2b2b;
}

/* ===== КНОПКА PDF (ПРИЛИПАЕТ СЛЕВА) ===== */
.pdf-sticky-button {
    position: fixed;
    left: 0;
    top: 30%;
    transform: translateY(-50%);
    z-index: 89;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #ffffff;
    border-radius: 0 12px 12px 0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
    text-decoration: none;
    color: #2b2b2b;
    padding: 6px 6px 6px 4px;
    border: 1px solid rgba(46, 90, 142, 0.15);
    border-left: none;
    cursor: pointer;
    overflow: hidden;
    max-width: 58px;
    min-height: 58px;
}

/* Состояние при наведении — раскрывается */
.pdf-sticky-button:hover {
    max-width: 220px;
    background: #ffffff;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.16);
    border-color: rgba(46, 90, 142, 0.3);
    padding-right: 15px;
}

/* Иконка PDF (крупная) */
.pdf-sticky-icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2E5A8E;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.pdf-sticky-icon svg {
    width: 32px;
    height: 32px;
    fill: #ffffff;
    display: block;
}

/* Название файла (появляется при наведении) */
.pdf-sticky-label {
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
    color: #2E5A8E;
    padding-left: 12px;
    opacity: 0;
    transform: translateX(-8px);
    transition: opacity 0.3s ease, transform 0.3s ease;
	  text-transform: uppercase;
}

.pdf-sticky-button:hover .pdf-sticky-label {
    opacity: 1;
    transform: translateX(0);
}

/* Небольшой акцент — тень при наведении на иконку */
.pdf-sticky-button:hover .pdf-sticky-icon {
    background: #203e63;
}

/* Адаптив для мобильных */
@media (max-width: 768px) {
    .pdf-sticky-button {
        top: 25%;
        left: 0;
        transform: none;
        border-radius: 0 12px 12px 0;
        padding: 4px 4px 4px 2px;
        max-width: 50px;
        min-height: 50px;
    }

    .pdf-sticky-icon {
        width: 44px;
        height: 44px;
    }

    .pdf-sticky-icon svg {
        width: 26px;
        height: 26px;
    }

    .pdf-sticky-label {
        font-size: 12px;
        padding-left: 8px;
    }

    .pdf-sticky-button:hover {
        max-width: 170px;
        padding-right: 12px;
    }
}

/* ===== БЛОКИ КОНТЕНТА ===== */
.important-info-block {
    padding: 5px 10px;
    margin: 15px auto;
    border-left: 5px solid #2E5A8E;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    background-color: #fdf7f7;
    color: #2E5A8E;
    border-radius: 10px;
    font-size: 14px;
}

.nv-page-title-wrap,
.nv-index-posts,
.nv-single-post-wrap {
    margin-top: 10px !important;
}

.component-wrap:has(div > .copyright) {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

p.copyright {
    font-size: 12px;
}

.excerpt-wrap ol,
.excerpt-wrap ul,
.nv-content-wrap ol,
.nv-content-wrap ul {
    padding-left: 10px;
    list-style: none;
    margin: 0 auto 15px;
}

.excerpt-wrap li,
.nv-content-wrap li {
    margin-top: 0;
}

.list-service li:before,
.list-arrow li:before {
    content: "\2714";
    margin-right: 6px;
    color: #2E5A8E;
    line-height: 2;
}

.list-arrow li:before {
    content: "\25B8";
}

.title-custom-h2 {
    margin: 0 auto 20px;
    position: relative;
    display: inline-block;
}

.hr-vertical-lines {
    margin: 20px auto;
    padding: 0;
    height: 2px;
    border: none;
    background-image: -webkit-radial-gradient(circle at center, #cccccc 2px, transparent 2px);
    background-image: -o-radial-gradient(circle at center, #cccccc 2px, transparent 2px);
    background-image: radial-gradient(circle at center, #cccccc 2px, transparent 2px);
    background-size: 8px 100%;
}

.page-link {
    text-decoration: underline;
}

.page-link:hover {
    text-decoration: none;
}

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

/* ===== ХЛЕБНЫЕ КРОШКИ ===== */
#breadcrumbs {
    padding: 5px;
    font-size: 12px;
    margin: 0;
    color: #7c7979;
}

/* ===== POPUP MAKER ===== */
.anti-spam-field {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px;
}

.contacts-form-block,
.pum-theme-lightbox .pum-container {
    background-image: url();
    background-size: cover;
    background-repeat: repeat;
}

/* ===== СКРОЛЛБАР ===== */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background-color: #f9f9f9;
    border-radius: 10px;
}

::-webkit-scrollbar-track:hover {
    background-color: #eee;
}

::-webkit-scrollbar-thumb {
    background-color: #2b2b2b;
    border-radius: 10px;
    border: 1px solid #16181a;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #2E5A8E;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

::-webkit-scrollbar-button {
    background-color: #f0f0f0;
    height: 12px;
    width: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 6px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

::-webkit-scrollbar-button:hover {
    background-color: #2E5A8E;
}

::-webkit-scrollbar-button:vertical:decrement {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E");
}

::-webkit-scrollbar-button:vertical:decrement:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E");
}

::-webkit-scrollbar-button:vertical:increment {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
}

::-webkit-scrollbar-button:vertical:increment:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
}

* {
    scrollbar-width: thin;
    scrollbar-color: #2b2b2b #f9f9f9;
}

.header-menu-sidebar-bg {
    position: relative;
    z-index: 1;
    overflow-y: auto !important;
}

.header-menu-sidebar-bg .header-menu-sidebar-inner {
    position: relative;
    z-index: 2;
}

.header-menu-sidebar-bg::before,
[class*="row-inner"]::before {
    z-index: 0 !important;
    pointer-events: none;
}

/* ===== ФОРМЫ ===== */
form input[type="text"],
form input[type="email"],
form input[type="url"],
form input[type="password"],
form input[type="search"],
form input[type="number"],
form input[type="tel"],
form input[type="range"],
form input[type="date"],
form input[type="month"],
form input[type="week"],
form input[type="time"],
form input[type="datetime"],
form input[type="datetime-local"],
form input[type="color"],
form select,
form textarea {
    background-color: #eeeeee;
    padding: 0.5rem 1rem;
    width: 100%;
    margin-bottom: 0;
    outline: none;
    border-radius: 10px;
    border: 1px solid #eeeeee;
}

form input[type="checkbox"],
form input[type="radio"] {
    margin-right: 0.5rem;
    vertical-align: middle;
    display: inline-block;
}

form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="url"]:focus,
form input[type="password"]:focus,
form input[type="search"]:focus,
form input[type="number"]:focus,
form input[type="tel"]:focus,
form input[type="range"]:focus,
form input[type="date"]:focus,
form input[type="month"]:focus,
form input[type="week"]:focus,
form input[type="time"]:focus,
form input[type="datetime"]:focus,
form input[type="datetime-local"]:focus,
form input[type="color"]:focus,
form select:focus,
form textarea:focus {
    color: #2b2b2b;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #ffffff;
    border: none;
}

form label {
    margin: 10px auto;
}

form label[for="acceptance-140-id"],
form label[for="file-1-id"] {
    font-size: 12px;
    margin-bottom: 20px;
    color: #555555;
}

form small {
    font-size: 12px;
    color: #555555;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
    display: inline-block;
    padding: 12px 25px;
    background: #ffffff;
    letter-spacing: 0.5px;
    color: #2E5A8E;
    text-decoration: none;
    font-weight: 500;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #2E5A8E;
    text-align: center;
    width: 100%;
    position: relative;
    overflow: hidden;
}

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    color: #ffffff;
    border-color: #2E5A8E;
    background-color: #2E5A8E;
}

.wpcf7-form-control.wpcf7-submit:disabled,
.wpcf7-form-control.wpcf7-submit[disabled] {
    cursor: not-allowed;
    background: #cccccc;
    border-color: #ccc;
    color: #707070;
}

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

.wpcf7 form p {
    text-align: left;
}

.wpcf7 form p:last-of-type {
    margin: 0;
}

span.wpcf7-spinner {
    position: absolute;
}

.wpcf7 form .wpcf7-response-output {
    margin: 1em 0 0 !important;
    border: none !important;
    font-size: 12px;
}

.wpcf7-not-valid-tip {
    margin: 0;
    color: #c4161c !important;
    font-size: 12px !important;
    border-style: none !important;
    font-style: italic;
}

span.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
}

.acceptance-text {
    margin: 10px 0 0;
    display: inline-block;
    font-size: 12px;
    text-align: left;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

/* ===== COOKIE POPUP ===== */
html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
    overflow-y: hidden !important;
}

html.pum-open.pum-open-overlay,
html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay {
    overflow-y: scroll !important;
}

.cookie-popup {
    position: fixed;
    bottom: -1000%;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    color: #2b2b2b;
    padding: 10px;
    text-align: center;
    -webkit-transition: bottom 0.5s ease;
    -o-transition: bottom 0.5s ease;
    transition: bottom 0.5s ease;
    z-index: 999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cookie-popup.show {
    bottom: 0;
}

.cookies-text {
    font-size: 14px;
    margin-bottom: 0;
    text-align: left;
}

.cookie-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
}

.cookie-popup .btn-accept,
.cookie-popup .btn-reject {
    background-color: #fcfcfc;
    color: #2b2b2b;
    border: 1px solid #2b2b2b;
    padding: 10px 20px;
    cursor: pointer;
    margin-top: 0;
    -webkit-box-flex: 20%;
    -webkit-flex: 20%;
    -ms-flex: 20%;
    flex: 20%;
    min-width: 130px;
    max-width: 160px;
    border-radius: 10px;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-transform: uppercase;
}

.cookie-popup .btn-accept:hover,
.cookie-popup .btn-reject:hover {
    background-color: #2E5A8E;
    border: 1px solid #2E5A8E;
    color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cookie-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
    display: none;
}

/* ===== БАННЕРЫ ===== */
.full-width-banner {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    overflow: hidden;
    -webkit-animation: fadeIn .5s ease-in-out 0.1s forwards;
    animation: fadeIn .5s ease-in-out 0.1s forwards;
    position: relative;
    margin-top: 50px;
    margin-bottom: -65px;
    opacity: 0;
}

.full-width-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
    pointer-events: none;
}

.full-slider-banner {
    margin-top: 0;
    margin-bottom: 30px;
}

.full-width-banner img {
    width: 100%;
    height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    -o-object-position: center;
    object-position: center;
    -webkit-filter: brightness(1);
    filter: brightness(1);
}

.full-slider-banner p {
    margin-bottom: 0;
}

.full-width-banner .banner-content {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 30px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #ffffff;
    text-shadow: 0 2px 10px rgb(0 0 0 / .5);
    font-weight: 600;
}

.full-width-banner .banner-content .banner-text {
    max-width: 600px;
    text-align: right;
}

.full-width-banner .banner-content h2 {
    color: #ffffff;
    text-shadow: 0 2px 10px rgb(0 0 0 / .5);
    margin-bottom: 10px;
    text-align: right;
}

.full-width-banner .banner-content .button {
    pointer-events: auto;
    display: inline-block;
    position: relative;
    z-index: 3;
    text-shadow: none;
    background-color: #ffffff;
    color: #2b2b2b;
    border-radius: 10px;
}

.full-width-banner .banner-content .button:hover {
    background-color: #2E5A8E;
    color: #ffffff;
    border-color: #2E5A8E;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* ===== ГЛАВНЫЙ СЛАЙДЕР ===== */
.hero-slider {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: hidden;
    height: 100vh;
    background-color: #333;
    z-index: 10;
    margin-bottom: 30px;
}

body.admin-bar .hero-slider {
    height: calc(100vh - 32px);
}

.hero-slider__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: -o-transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: -webkit-transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.hero-slider__slide {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    height: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.hero-slider__slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 5;
    pointer-events: none;
}

.hero-slider__wrapper:active {
    cursor: grabbing;
}

.hero-slider__slide[data-dark="light"]::before {
    background-color: rgba(0, 0, 0, 0.2);
}

.hero-slider__slide[data-dark="heavy"]::before {
    background-color: rgba(0, 0, 0, 0.7);
}

.hero-slider__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform 8s linear;
    -o-transition: -o-transform 8s linear;
    transition: -webkit-transform 8s linear;
    transition: transform 8s linear;
    transition: transform 8s linear, -webkit-transform 8s linear;
}

.hero-slider__slide.is-active .hero-slider__image {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.hero-slider__caption {
    position: absolute;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    padding: 20px;
    z-index: 10;
    max-width: 50%;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
    -o-transition: opacity 0.8s ease, -o-transform 0.8s ease;
    transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
    transition: opacity 0.8s ease, transform 0.8s ease;
    transition: opacity 0.8s ease, transform 0.8s ease, -webkit-transform 0.8s ease;
}

.hero-slider__slide.is-active .hero-slider__caption {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.hero-slider__slide.is-active .hero-slider__caption:nth-of-type(1) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.hero-slider__slide.is-active .hero-slider__caption:nth-of-type(2) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.hero-slider__slide.is-active .hero-slider__caption:nth-of-type(3) {
    -webkit-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s;
}

.hero-slider__caption--center {
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    -ms-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9);
    opacity: 0;
    -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
    -o-transition: opacity 0.8s ease, -o-transform 0.8s ease;
    transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
    transition: opacity 0.8s ease, transform 0.8s ease;
    transition: opacity 0.8s ease, transform 0.8s ease, -webkit-transform 0.8s ease;
}

.hero-slider__slide.is-active .hero-slider__caption--center {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.hero-slider__caption--top-left {
    top: 60px;
    left: 20px;
}

.hero-slider__caption--top-right {
    top: 60px;
    right: 20px;
}

.hero-slider__caption--bottom-left {
    bottom: 60px;
    left: 20px;
}

.hero-slider__caption--bottom-right {
    bottom: 70px;
    right: 0;
}

.hero-slider__caption--bottom-left h1,
.hero-slider__caption--bottom-right h2,
.hero-slider__caption:nth-of-type(2) h2 {
    color: #fff;
    opacity: 0.9;
}

.hero-slider__caption--bottom-right h2 {
    text-align: right;
}

.hero-slider__caption h1,
.hero-slider__caption h2 {
    margin: 0 0 60px 0;
    font-weight: 600;
    line-height: 1.3;
    font-size: 32px;
	text-shadow: 2px 2px 10px #2b2b2b;
}

.hero-slider__caption p {
    margin: 0;
    opacity: .9;
    font-size: 18px;
    line-height: 1.3;
	text-shadow: 2px 2px 10px #2b2b2b;
}

.hero-slider__dots {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    z-index: 20;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.hero-slider__dot {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
    padding: 0;
    cursor: pointer;
    -webkit-transition: width 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55), background-color 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
    -o-transition: width 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55), background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    transition: width 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55), background-color 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: width 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55), background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    transition: width 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55), background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.hero-slider__dot:hover {
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.hero-slider__dot.active {
    width: 26px;
    background-color: #fff;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.hero-slider__arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    z-index: 30;
    color: #fff9;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 0;
    -webkit-animation: gentlePulse 3s ease infinite;
    -o-animation: gentlePulse 3s ease infinite;
    animation: gentlePulse 3s ease infinite;
}

.hero-slider__arrow:hover {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    -webkit-transform: translateY(-50%) scale(1.1);
    -ms-transform: translateY(-50%) scale(1.1);
    transform: translateY(-50%) scale(1.1);
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
}

.hero-slider__arrow svg {
    fill: currentColor;
    width: 40px;
    height: 40px;
    -webkit-transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.hero-slider__arrow:hover svg {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.hero-slider__arrow--prev {
    left: 20px;
}

.hero-slider__arrow--next {
    right: 20px;
}

.hero-slider__progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgba(255, 255, 255, 0.2);
    z-index: 25;
}

.hero-slider__progress-bar {
    height: 100%;
    width: 0;
    background: #fff;
    -webkit-transition: width 5s linear;
    -o-transition: width 5s linear;
    transition: width 5s linear;
}

.hero-slider__progress-bar.animating {
    width: 100%;
}

@-webkit-keyframes gentlePulse {
    0% {
        opacity: 0.7;
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(-50%) scale(1.05);
        transform: translateY(-50%) scale(1.05);
    }

    100% {
        opacity: 0.7;
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
    }
}

@keyframes gentlePulse {
    0% {
        opacity: 0.7;
        -webkit-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(-50%) scale(1.05);
        -ms-transform: translateY(-50%) scale(1.05);
        transform: translateY(-50%) scale(1.05);
    }

    100% {
        opacity: 0.7;
        -webkit-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
    }
}

/* ===== КОНТАКТЫ ===== */
.contacts-info-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
    margin: 30px auto 50px;
    padding: 0;
    width: 100%;
    max-width: 1400px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.contact-info-card {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 calc(25% - 30px);
    -ms-flex: 1 1 calc(25% - 30px);
    flex: 1 1 calc(25% - 30px);
    min-width: 250px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #eeeeee;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-left: 4px solid #2E5A8E;
}

.card-header h2 {
    margin: 0;
    font-size: 1.3em;
    text-align: center;
}

.divider-line {
    border: 0;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(#ccc), color-stop(#333), to(#ccc));
    background: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background: -o-linear-gradient(left, #ccc, #333, #ccc);
    background: linear-gradient(to right, #ccc, #333, #ccc);
    margin: 15px 0;
}

.info-list {
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
}

.info-list li {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.info-list li svg {
    width: 20px;
    height: 20px;
}

.info-list li a {
    color: #2E5A8E;
    text-decoration: none;
}

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

.messenger-links {
    margin-left: 5px;
}

/* ===== ПРОЕКТЫ АВТОМАТИЗАЦИИ (MTSM) ===== */
.mtsm-projects-section, .mtsm-advantages-section {
    padding: 0;
    background: transparent;
    max-width: 1400px;
    margin: 0 auto 60px;
}

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

.mtsm-projects-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.mtsm-project-card {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);
    transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);
    aspect-ratio: 1 / 1;
}

.mtsm-project-card:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    box-shadow: 0 20px 32px rgba(0, 0, 0, 0.12);
}

.mtsm-card-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    z-index: 0;
}

.mtsm-project-card:hover .mtsm-card-image {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.mtsm-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(40%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.3)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.3) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.3) 100%);
    z-index: 1;
    pointer-events: none;
}

.mtsm-card-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 1.5rem;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.mtsm-project-card:hover .mtsm-card-content {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

.mtsm-card-tag {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    background: #2E5A8E;
    padding: 0.3rem 1rem;
    border-radius: 20px;
    color: #ffffff;
    letter-spacing: 0.5px;
    margin-bottom: 0.75rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.mtsm-card-content h3 {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 0.5rem 0;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.mtsm-card-desc {
    font-size: 0.85rem;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.92);
    margin-bottom: 0.75rem;
    border-left: 2px solid #2E5A8E;
    padding-left: 0.7rem;
}

.mtsm-card-features {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.mtsm-card-features span {
    background: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    padding: 0.2rem 0.7rem;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
}

/* ---- ФОНЫ ДЛЯ КАЖДОЙ КАРТОЧКИ ---- */
.mtsm-project-card.card-1 .mtsm-card-image {
    background-image: url('/wp-content/uploads/2026/07/mtsm-reservoirs-background.webp');
}
.mtsm-project-card.card-2 .mtsm-card-image {
    background-image: url('/wp-content/uploads/2026/07/mtsm-reactors-background.webp');
}
.mtsm-project-card.card-3 .mtsm-card-image {
    background-image: url('/wp-content/uploads/2026/07/mtsm-fermenters-background.webp');
}
.mtsm-project-card.card-4 .mtsm-card-image {
    background-image: url('/wp-content/uploads/2026/07/mtsm-cottage-cheese-makers-background.webp');
}
.mtsm-project-card.card-5 .mtsm-card-image {
    background-image: url('/wp-content/uploads/2026/07/mtsm-cip-stations-background.webp');
}
.mtsm-project-card.card-6 .mtsm-card-image {
    background-image: url('/wp-content/uploads/2026/07/mtsm-tank-washing-background.webp');
}
.mtsm-project-card.card-7 .mtsm-card-image {
    background-image: url('/wp-content/uploads/2026/07/mtsm-decontamination-background.webp');
}
.mtsm-project-card.card-8 .mtsm-card-image {
    background-image: url('/wp-content/uploads/2026/07/mtsm-thermostating-background.webp');
}
.mtsm-project-card.card-9 .mtsm-card-image {
    background-image: url('/wp-content/uploads/2026/07/mtsm-dosing-mixing-background.webp');
}
.mtsm-project-card.card-10 .mtsm-card-image {
    background-image: url('/wp-content/uploads/2026/07/mtsm-custom-equipment-background.webp');
}
.mtsm-project-card.card-11 .mtsm-card-image {
    background-image: url('/wp-content/uploads/2026/07/mtsm-automation-background.webp');
}
.mtsm-project-card.card-12 .mtsm-card-image {
    background-image: url('/wp-content/uploads/2026/07/mtsm-installation-background.webp');
}

/* ===== СЕКЦИЯ "О НАС" ===== */
.mtsm-about-section {
    padding: 0;
    max-width: 1400px;
    margin: 30px auto 60px;
}

.mtsm-about-container {
    max-width: 1400px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mtsm-about-image,
.mtsm-service-image,
.story-image {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 280px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.mtsm-about-image:hover,
.mtsm-service-image:hover,
.story-image:hover {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}

.mtsm-about-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.mtsm-about-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 280px;
}

.about-tag {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #2E5A8E;
    background: rgba(164, 22, 26, 0.1);
    padding: 0.25rem 0.9rem;
    border-radius: 30px;
    margin-bottom: 1rem;
}

.title-custom-h2 {
    font-size: 2rem;
    font-weight: 600;
    color: #2b2b2b;
    margin: 0 0 1.2rem 0;
    position: relative;
    display: inline-block;
    letter-spacing: -0.3px;
}

.title-custom-h2::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: -5px;
    width: 40%;
    height: 20px;
    background: rgba(46, 90, 142, 0.15);
    border-radius: 5px;
    z-index: 0;
}

.about-stats {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin: 1.5rem 0;
    padding: 1rem 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.stat-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.stat-number {
    font-size: 1.8rem;
    font-weight: 800;
    color: #2E5A8E;
	transition: all 0.3s ease;
    line-height: 1.2;
}

.stat-label {
    font-size: 0.8rem;
    color: #676767;
    font-weight: 500;
}

.mtsm-button {
    display: inline-block;
    padding: 12px 25px;
    background: #ffffff;
    letter-spacing: 0.5px;
    color: #2E5A8E;
    text-decoration: none;
    font-weight: 500;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #2E5A8E;
    text-align: center;
    cursor: pointer;
    margin-top: 0.5rem;
}

.mtsm-button:hover {
    color: #ffffff;
    border-color: #2E5A8E;
    background-color: #2E5A8E;
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

.mtsm-services-card .mtsm-button {
    width: 100%;
}

/* ===== Локация ===== */
.office-locations-wrapper {
    width: 100%;
    margin: 60px auto 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.offices-flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px;
    max-width: 1280px;
    margin: 0 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.offices-info-column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 300px;
    max-width: 500px;
}

.office-locations-wrapper .title-section-decorated {
    margin-bottom: 30px;
    text-align: center;
    font-size: 28px;
}

.span-red {
    color: #2E5A8E;
}

.office-content-block {
    display: block;
}

.office-content-block .office-row {
    gap: 0;
    margin: 0;
    padding: 0;
}

.office-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
}

.office-col {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 280px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    -webkit-transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    transition: transform 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
}

.office-col:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.office-image-container {
    position: relative;
}

.office-image {
    width: 100%;
    height: 220px;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.office-address {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 8px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.office-info {
    padding: 20px;
}

.location-desc {
    font-size: 14px;
    color: #2E5A8E;
    font-weight: 600;
    margin-bottom: 15px;
}

.office-phone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: #2E5A8E;
    font-weight: 700;
    font-size: 18px;
    margin: 15px 0;
    text-decoration: none;
}

.office-phone:hover {
    text-decoration: underline;
}

.operator {
    font-size: 12px;
    font-weight: normal;
    color: #888;
}

.office-schedule {
    margin: 15px 0;
    padding: 12px 0;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.schedule-title {
    font-weight: 700;
    margin-bottom: 8px;
    color: #333;
}

.schedule-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin-bottom: 5px;
    font-size: 14px;
}

.lunch-time {
    color: #888;
    font-size: 13px;
}

.office-email {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin: 15px 0;
}

.office-email a {
    color: #2E5A8E;
    text-decoration: none;
}

.office-email a:hover {
    text-decoration: underline;
}

.office-note {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    margin-top: 15px;
    padding-top: 12px;
    border-top: 1px solid #f0f0f0;
    font-size: 13px;
    color: #666;
}

/* ===== КАРТА ===== */
.mtsm-fullwidth-map {
    width: 100%;
    margin: 60px 0;
}

.mtsm-map-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: 0 auto 30px;
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.mtsm-contacts-card {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    background: #ffffff;
    padding: 25px 25px 0 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mtsm-contacts-card-inner {
    margin: 0 auto;
}

.mtsm-city-switcher {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    border-bottom: 2px solid #eee;
    padding-bottom: 15px;
}

.mtsm-city-btn {
    background: none;
    border: none;
    font-size: 20px;
    font-weight: 600;
    color: #2b2b2b;
    cursor: pointer;
    padding: 5px 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
}

.mtsm-city-btn:hover {
    color: #2E5A8E;
    background-color: #ffffff;
}

.mtsm-city-btn.active {
    color: #2E5A8E;
}

.mtsm-city-btn.active::after {
    content: '';
    position: absolute;
    bottom: -17px;
    left: 0;
    right: 0;
    height: 3px;
    background: #2E5A8E;
    border-radius: 3px;
}

.mtsm-city-contacts {
    display: none;
}

.mtsm-city-contacts.active {
    display: block;
    -webkit-animation: mtsmFadeIn 0.3s ease;
    animation: mtsmFadeIn 0.3s ease;
}

@-webkit-keyframes mtsmFadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes mtsmFadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.mtsm-contact-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.mtsm-contact-item:last-of-type {
    margin-bottom: 5px;
}

.mtsm-contact-icon {
    font-size: 20px;
    width: 30px;
    height: 30px;
    color: #2E5A8E;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.mtsm-contact-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.mtsm-contact-text a {
    color: #2E5A8E;
    text-decoration: none;
}

.mtsm-contact-text a:hover {
    text-decoration: underline;
}

.mtsm-contact-text small {
    font-size: 12px;
    color: #888;
}

.mtsm-unp-block {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #666;
}

.mtsm-unp-block .dashicons {
    color: #2E5A8E;
}

.mtsm-map-wrapper {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    height: 500px;
    background: #e0e0e0;
}

#mtsm-wrapMap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 0;
}

#mtsm-wrapMap iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* ===== SEO-БЛОК ===== */
.seo-content-block {
    position: relative;
    padding: 10px 10px 10px 30px;
    background-color: #FCF8F8;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin: 30px 0;
    max-width: 96%;
}

.seo-content-block::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 5px;
    width: 100%;
    height: 100%;
    border-left: 4px solid #2E5A8E;
    border-radius: 10px;
}

.seo-content-block h2,
.seo-content-block h3 {
    color: #2E5A8E;
}


/* ===== FAQ ===== */
.faq-section {
    max-width: 1280px;
    margin: 40px auto;
    padding: 0 15px;
}

.faq-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    margin: 30px auto;
}

/* Один пункт аккордеона */
.faq-item {
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

/* Кнопка вопроса */
.faq-question {
    width: 100%;
    background: #f6f6f6;
    border: none;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
    padding: 18px 20px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    color: #2b2b2b;
    font-family: inherit;
}

/* Иконка (плюс/минус) */
.faq-question .icon {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    position: relative;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

/* Горизонтальная палочка плюса */
.faq-question .icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #2E5A8E;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

/* Вертикальная палочка плюса */
.faq-question .icon::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background-color: #2E5A8E;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

/* При открытом состоянии (минус) — скрываем вертикальную палочку */
.faq-question[aria-expanded="true"] .icon::after {
    -webkit-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg);
    background-color: #ffffff;
}

.faq-question[aria-expanded="true"] {
    background: #2E5A8E;
    color: #ffffff;
}

/* Блок с ответом (скрыт по умолчанию) */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.35s ease-out;
    transition: max-height 0.35s ease-out;

}

/* Внутренний контент ответа */
.faq-answer-inner {
    padding: 10px;
    border-top: 1px solid #eeeeee;
    font-size: 14px;
    background-color: #f6f6f6;
}

/* Параграфы внутри ответа */
.faq-answer-inner p {
    margin-bottom: 10px;
}

/* Списки внутри ответа */
.faq-answer-inner ul,
.faq-answer-inner ol {
    margin: 10px 0 15px 20px;
}

.faq-answer-inner li {
    margin-bottom: 6px;
}

/* ===== АДАПТИВ ===== */
@media (max-width: 480px) {
    .faq-section {
        padding: 0;
    }

    .faq-question {
        font-size: 0.9rem;
        padding: 14px;
    }

    .faq-answer-inner {
        padding: 10px;
    }
}

/* ===== УСЛУГИ ===== */
.form-h3-title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.mtsm-services-wrapper {
    margin: 40px auto;
    max-width: 1400px;
    padding: 0;
}

.mtsm-services-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin: 40px auto;
}

.mtsm-services-card {
    flex: 1 1 calc(25% - 30px);
    min-width: 250px;
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #f6f6f6;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mtsm-services-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.mtsm-services-img {
    height: 250px;
    overflow: hidden;
}

.mtsm-services-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.mtsm-services-card:hover .mtsm-services-img img {
    transform: scale(1.05);
}

.mtsm-services-text {
    padding: 20px;
    text-align: left;
}

.mtsm-services-text h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 12px 0;
    color: #2b2b2b;
}

.mtsm-services-text p {
    font-size: 14px;
    line-height: 1.5;
    color: #676767;
    margin-bottom: 20px;
}

.mtsm-services-text .mtsm-button {
    display: inline-block;
    padding: 12px 25px;
    background: #ffffff;
    letter-spacing: 0.5px;
    color: #2E5A8E;
    text-decoration: none;
    font-weight: 500;
    border-radius: 10px;
    transition: all 0.3s ease;
    border: 1px solid #2E5A8E;
    text-align: center;
    cursor: pointer;
}

.mtsm-services-text .mtsm-button:hover {
    color: #ffffff;
    border-color: #2E5A8E;
    background-color: #2E5A8E;
    transform: translateX(5px);
}

/* Адаптив */
@media (max-width: 992px) {
    .mtsm-services-card {
        flex: 1 1 calc(50% - 30px);
    }
}

@media (max-width: 576px) {
    .mtsm-services-card {
        flex: 1 1 100%;
    }
}

/* ===== СОТРУДНИЧЕСТВО ===== */
.brand-statement {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

.brand-statement p {
    margin-bottom: 0;
}

.brand-intro-highlight {
    font-weight: 500;
    color: #2b2b2b;
    margin-top: 8px;
}

.icon-cooperation {
    width: 60px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-cooperation-1 {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23555555' width='60px' height='60px' viewBox='0 -64 640 640' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M488 192H336v56c0 39.7-32.3 72-72 72s-72-32.3-72-72V126.4l-64.9 39C107.8 176.9 96 197.8 96 220.2v47.3l-80 46.2C.7 322.5-4.6 342.1 4.3 357.4l80 138.6c8.8 15.3 28.4 20.5 43.7 11.7L231.4 448H368c35.3 0 64-28.7 64-64h16c17.7 0 32-14.3 32-32v-64h8c13.3 0 24-10.7 24-24v-48c0-13.3-10.7-24-24-24zm147.7-37.4L555.7 16C546.9.7 527.3-4.5 512 4.3L408.6 64H306.4c-12 0-23.7 3.4-33.9 9.7L239 94.6c-9.4 5.8-15 16.1-15 27.1V248c0 22.1 17.9 40 40 40s40-17.9 40-40v-88h184c30.9 0 56 25.1 56 56v28.5l80-46.2c15.3-8.9 20.5-28.4 11.7-43.7z'/%3E%3C/svg%3E");
}

.icon-cooperation-2 {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23555' xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 300 300'%3E%3Cpath d='M175 38.3c21.4 0 38.8 17.4 38.8 38.8s-17.4 38.8-38.8 38.8-38.8-17.4-38.8-38.8 17.4-38.8 38.8-38.8zm5.9 224.5l109.4.1c-7.9-37.6-31.9-110.4-45.4-131-9.9-15.1-25.3-21.5-41.7-16.6-9.5 2.8-15.9 8.4-21.4 17.1-3.9 6.3-12.8 26.6-12.8 26.6h-47c-2.6 0-5.1.5-7.3 1.5l5.7-11.8c1.4-3 .2-6.6-2.8-8-3-1.4-6.6-.2-8 2.8l-19.8 40.8-7.2-7.8c-1.5-1.6-3.5-2.5-5.7-2.5H16.6c-3.7 0-6.6 3-6.6 6.6 0 2.4 1.3 4 2.1 5 7.8 8.8 26.2 28.7 37.8 41.3-7.4 2.3-13 8.9-13 17.1 0 11.2 8.7 18.9 19 18.9h113.9l36.5-76.3c1.2-2.5 4.2-3.6 6.7-2.4 2.5 1.2 3.6 4.2 2.4 6.7l-34.5 71.9zM65.5 226l-36.7-40h45.1c.7 0 1.4.3 1.8.8l8.4 9.2-6.7 13.8c-1.4 3-.2 6.6 2.8 8 3 1.4 6.6.2 8-2.8l4.6-9.4 18.9 20.5H65.5zm71.5 0h-9l-29.5-32.2 5.3-10.9c2.4 7.6 9.8 13.1 18.2 13.1h29l-14 30z'/%3E%3C/svg%3E");
}

.icon-cooperation-3 {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23555' height='60' width='60' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 491.52 491.52'%3E%3Cpath d='M430.08 266.24H303.432c2.294-6.431 3.768-13.271 3.768-20.48V204.8c0-8.806-5.612-16.159-13.414-19.046l27.894-27.914c8.008-8.008 8.008-20.951 0-28.959s-20.951-8.008-28.959 0l-26.481 26.481V102.4c0-11.305-9.155-20.48-20.48-20.48-11.325 0-20.48 9.175-20.48 20.48v52.961l-26.481-26.481c-8.008-8.008-20.951-8.008-28.959 0s-8.008 20.951 0 28.959l27.914 27.914c-7.823 2.888-13.435 10.24-13.435 19.046v40.96c0 7.209 1.475 14.049 3.768 20.48H61.44C27.566 266.24 0 293.806 0 327.68c0 26.665 17.183 49.193 40.96 57.672v85.688c0 11.305 9.155 20.48 20.48 20.48h61.44a20.443 20.443 0 0020.07-16.466l17.203-85.934h171.213l17.203 85.934a20.444 20.444 0 0020.07 16.466h61.44c11.325 0 20.48-9.175 20.48-20.48v-85.688c23.777-8.479 40.96-31.007 40.96-57.672.001-33.874-27.565-61.44-61.439-61.44zM106.107 450.56H81.92v-61.44h36.454l-12.267 61.44zm160.133-204.8c0 11.284-9.175 20.48-20.48 20.48s-20.48-9.195-20.48-20.48v-20.48h40.96v20.48zm143.36 204.8h-24.187l-12.268-61.44H409.6v61.44z'/%3E%3Cpath d='M102.4 225.28h40.96c11.325 0 20.48-9.175 20.48-20.48s-9.155-20.48-20.48-20.48h-20.48V40.96h245.76v143.36h-20.48c-11.325 0-20.48 9.175-20.48 20.48s9.155 20.48 20.48 20.48h40.96c11.325 0 20.48-9.175 20.48-20.48V20.48C409.6 9.175 400.445 0 389.12 0H102.4C91.075 0 81.92 9.175 81.92 20.48V204.8c0 11.305 9.155 20.48 20.48 20.48z'/%3E%3C/svg%3E");
}

.icon-cooperation-4 {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23555' version='1.2' width='60' height='60' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M223.8 95.9c-.4-.2-1.5-.2-1.9-.4-.4-.2-1.9-.2-2.6-.2-4.3 0-7.4 1.7-9.1 4.7l-22.8 37.6-28.7.5c-4.7 0-8.7 3.8-8.7 8.7 0 1.3.3 2.5.8 3.6h-46c.5-1.1.8-2.3.8-3.6 0-4.9-4-8.7-8.7-8.7H68.2L45.4 100c-1.7-3-4.9-4.7-9.1-4.7-.6 0-2.1 0-2.6.2-.4.2-1.5.2-1.9.4-29.2 6.7-29.3 69-29.1 80.9 0 10.9 3.8 15.7 11.7 18.7 1.9.9 4.3 1.3 6.2 1.3h50.2v43.4c0 6.4 4.9 11.3 11.3 11.3s11.3-4.9 11.3-11.3v-54.3c0-3-1.3-6.2-3.4-8.1-2.3-2.3-5.3-3.6-8.1-3.6H48.4v-25.1L31 119.5c-.9-1.3-.4-2.8.6-3.4 1.3-.9 2.8-.4 3.4.6L55.2 151c.1.2.3.4.4.7v15.7H200v-15.7c.2-.2.3-.4.4-.7l20.2-34.3c.6-1.1 2.1-1.5 3.4-.6 1.1.6 1.5 2.1.6 3.4l-17.4 29.6v25.1h-33.4c-2.8 0-5.7 1.3-8.1 3.6-2.1 1.9-3.4 5.1-3.4 8.1v54.3c0 6.4 4.9 11.3 11.3 11.3s11.3-4.9 11.3-11.3v-43.4h50.2c1.9 0 4.3-.4 6.2-1.3 7.9-3 11.7-7.8 11.7-18.7.2-11.8.1-74.2-29.2-80.9z'/%3E%3Ccircle transform='rotate(-67.5 202.118 74.43)' cx='202.1' cy='74.4' r='20.2'/%3E%3Ccircle transform='rotate(-67.5 53.528 74.43)' cx='53.5' cy='74.4' r='20.2'/%3E%3Cpath d='M114.7 67.8v.6H141v-.6c0-6.4 2.5-12.6 7-17.3 4.6-4.9 7.5-11.6 7.5-18.9 0-15.4-12.7-27.9-28.2-27.6-15.1.4-27.1 13-26.9 28 .1 7.1 2.9 13.6 7.5 18.4 4.2 4.8 6.8 10.9 6.8 17.4zM114.7 72.3H141v5.2h-26.3zM123.9 88.1h7.9c2.9 0 5.3-2.4 5.3-5.3v-1.3h-18.4v1.3c-.1 2.9 2.3 5.3 5.2 5.3z'/%3E%3C/svg%3E");
}

/* ===== ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ СТРАНИЦЫ "О КОМПАНИИ" ===== */
.mtsm-service-story {
    display: flex;
    gap: 40px;
}

.mtsm-service-hero {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 50px;
}

.mtsm-service-hero-content {
    flex: 1;
    min-width: 280px;
    max-width: 600px;
}

.mtsm-service-hero-form {
    flex: 1;
    min-width: 280px;
    max-width: 500px;
}

.service-form-block {
    background: #ffffff;
    background-image: url("");
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border: 1px solid #eeeeee;
}



@media (max-width: 900px) {
    .mtsm-service-hero {
        flex-direction: column;
    }
}

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

/* БЛОК 1: ГЕРОЙ */
.mtsm-about-hero {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
    margin-bottom: 60px;
}

.mtsm-about-hero-content {
    flex: 1;
    min-width: 280px;
}

.mtsm-hero-subtitle {
    font-size: 1rem;
    margin: 0 0 1.5rem 0;
}

.mtsm-hero-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-bottom: 20px;
}

.hero-stat {
    display: flex;
    flex-direction: column;
}

.hero-stat-number {
    font-size: 2rem;
    font-weight: 800;
    color: #2E5A8E;
    line-height: 1.2;
}

.hero-stat-label {
    font-size: 12px;
    color: #676767;
    font-weight: 500;
}

.mtsm-about-hero-image,
.mtsm-service-image {
    flex: 1;
    min-width: 280px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    aspect-ratio: 4 / 3;
    margin: 30px auto;
}

.mtsm-about-hero-image img,
.mtsm-service-image image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* БЛОК 2: НАПРАВЛЕНИЯ */
.mtsm-about-directions {
    margin-bottom: 60px;
}

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

.direction-card {
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    padding: 1.8rem 1.5rem;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.direction-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    border-color: #e0e0e0;
}

.direction-icon {
    font-size: 2.8rem;
    margin-bottom: 1rem;
}

.direction-card h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #2b2b2b;
    margin: 0 0 0.5rem 0;
}

.direction-card p {
    color: #676767;
    margin: 0;
	font-size: 14px;
}

/* ============================================================
   ИКОНКИ ДЛЯ БЛОКА ПРЕИМУЩЕСТВ (SVG через data:image)
   ============================================================ */

.direction-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
	fill: #2b2b2b;
}

/* 1. Европейское качество */
.icon-quality {
    background-image: url("data:image/svg+xml,%3Csvg height='60' width='60' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.802 512.802'%3E%3Cpath d='M504.5 374.301H36.2c-4.7 0-8.4-3.8-8.4-8.4v-301c0-4.7 3.8-8.4 8.4-8.4h468.2c4.7 0 8.4 3.8 8.4 8.4v300.9c.1 4.7-3.8 8.5-8.3 8.5z' fill='%232E5A8E'/%3E%3Cg fill='%23fff'%3E%3Cpath d='M273.7 92.901l3.4 10.1 10.6.1c1.4 0 1.9 1.8.8 2.6l-8.5 6.3 3.2 10.1c.4 1.3-1.1 2.4-2.2 1.6l-8.6-6.2-8.6 6.2c-1.1.8-2.6-.3-2.2-1.6l3.2-10.1-8.5-6.3c-1.1-.8-.5-2.6.8-2.6l10.6-.1 3.4-10.1c.3-1.4 2.2-1.4 2.6 0zM273.7 308.701l3.4 10.1 10.6.1c1.4 0 1.9 1.8.8 2.6l-8.5 6.3 3.2 10.1c.4 1.3-1.1 2.4-2.2 1.6l-8.6-6.2-8.6 6.2c-1.1.8-2.6-.3-2.2-1.6l3.2-10.1-8.5-6.3c-1.1-.8-.5-2.6.8-2.6l10.6-.1 3.4-10.1c.3-1.3 2.2-1.3 2.6 0zM381.6 200.801l3.4 10.1 10.6.1c1.4 0 1.9 1.8.8 2.6l-8.5 6.3 3.2 10.1c.4 1.3-1.1 2.4-2.2 1.6l-8.6-6.2-8.6 6.2c-1.1.8-2.6-.3-2.2-1.6l3.2-10.1-8.5-6.3c-1.1-.8-.5-2.6.8-2.6l10.6-.1 3.4-10.1c.3-1.4 2.2-1.4 2.6 0zM165.8 200.801l3.4 10.1 10.6.1c1.4 0 1.9 1.8.8 2.6l-8.5 6.3 3.2 10.1c.4 1.3-1.1 2.4-2.2 1.6l-8.6-6.2-8.6 6.2c-1.1.8-2.6-.3-2.2-1.6l3.2-10.1-8.5-6.3c-1.1-.8-.5-2.6.8-2.6l10.6-.1 3.4-10.1c.3-1.4 2-1.4 2.6 0zM181.9 144.501l3.4 10.1 10.6.1c1.4 0 1.9 1.8.8 2.6l-8.5 6.3 3.2 10.1c.4 1.3-1.1 2.4-2.2 1.6l-8.6-6.2-8.6 6.2c-1.1.8-2.6-.3-2.2-1.6l3.2-10.1-8.5-6.3c-1.1-.8-.5-2.6.8-2.6l10.6-.1 3.4-10.1c.4-1.4 2.2-1.4 2.6 0zM368.9 252.401l3.4 10.1 10.6.1c1.4 0 1.9 1.8.8 2.6l-8.5 6.3 3.2 10.1c.4 1.3-1.1 2.4-2.2 1.6l-8.6-6.2-8.6 6.2c-1.1.8-2.6-.3-2.2-1.6l3.2-10.1-8.5-6.3c-1.1-.8-.5-2.6.8-2.6l10.5-.2 3.4-10.1c.4-1.3 2.3-1.3 2.7.1zM329.4 104.901l3.4 10.1 10.6.1c1.4 0 1.9 1.8.8 2.6l-8.5 6.3 3.2 10.1c.4 1.3-1.1 2.4-2.2 1.6l-8.6-6.2-8.6 6.2c-1.1.8-2.6-.3-2.2-1.6l3.2-10.1-8.5-6.3c-1.1-.8-.5-2.6.8-2.6l10.6-.1 3.4-10.1c.3-1.3 2.2-1.3 2.6 0zM221.5 291.901l3.4 10.1 10.6.1c1.4 0 1.9 1.8.8 2.6l-8.5 6.3 3.2 10.1c.4 1.3-1.1 2.4-2.2 1.6l-8.6-6.2-8.6 6.2c-1.1.8-2.6-.3-2.2-1.6l3.2-10.1-8.5-6.3c-1.1-.8-.5-2.6.8-2.6l10.6-.1 3.4-10.1c.3-1.3 2.1-1.3 2.6 0zM366.2 144.501l-3.4 10.1-10.6.1c-1.4 0-1.9 1.8-.8 2.6l8.5 6.3-3.2 10.1c-.4 1.3 1.1 2.4 2.2 1.6l8.6-6.2 8.6 6.2c1.1.8 2.6-.3 2.2-1.6l-3.2-10.1 8.5-6.3c1.1-.8.5-2.6-.8-2.6l-10.6-.1-3.4-10.1c-.3-1.4-2.2-1.4-2.6 0zM179.2 252.401l-3.4 10.1-10.6.1c-1.4 0-1.9 1.8-.8 2.6l8.5 6.3-3.2 10.1c-.4 1.3 1.1 2.4 2.2 1.6l8.6-6.2 8.6 6.2c1.1.8 2.6-.3 2.2-1.6l-3.2-10.1 8.5-6.3c1.1-.8.5-2.6-.8-2.6l-10.6-.1-3.4-10.1c-.3-1.4-2.1-1.4-2.6 0zM218.8 104.901l-3.4 10.1-10.6.1c-1.4 0-1.9 1.8-.8 2.6l8.5 6.3-3.2 10.1c-.4 1.3 1.1 2.4 2.2 1.6l8.6-6.2 8.6 6.2c1.1.8 2.6-.3 2.2-1.6l-3.2-10.1 8.5-6.3c1.1-.8.5-2.6-.8-2.6l-10.6-.1-3.4-10.1c-.4-1.3-2.2-1.3-2.6 0zM326.7 291.901l-3.4 10.1-10.6.1c-1.4 0-1.9 1.8-.8 2.6l8.5 6.3-3.2 10.1c-.4 1.3 1.1 2.4 2.2 1.6l8.6-6.2 8.6 6.2c1.1.8 2.6-.3 2.2-1.6l-3.2-10.1 8.5-6.3c1.1-.8.5-2.6-.8-2.6l-10.6-.1-3.4-10.1c-.3-1.3-2.2-1.3-2.6 0z'/%3E%3C/g%3E%3Cpath d='M19.1 488.501c-10.5 0-19.1-8.6-19.1-19.1v-426.1c0-10.5 8.5-19 19-19h.2c10.6 0 19.1 8.6 19.1 19.1v426c-.1 10.5-8.6 19.1-19.2 19.1z' fill='%232b2b2b'/%3E%3C/svg%3E");
}

/* 2. Монтаж по всей Беларуси */
.icon-montage {
    background-image: url("data:image/svg+xml,%3Csvg fill='%232b2b2b' height='60' width='60' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M461.913 306.087l-283.826.634V189.217c0-9.223-7.479-16.696-16.696-16.696H83.478c-27.619 0-50.087 22.468-50.087 50.087v59.869l-18.717 18.717C5.207 310.657 0 323.233 0 336.614V339h50.087c9.223 0 16.696 7.479 16.696 16.696 0 9.217-7.473 17.809-16.696 17.809H0v16.06c0 27.619 22.468 50.087 50.087 50.087h27.826c0 36.826 29.956 66.783 66.783 66.783 36.826 0 66.783-29.956 66.783-66.783h100.174c0 36.826 29.956 66.783 66.783 66.783 36.826 0 66.783-29.956 66.783-66.783h16.696c27.619 0 50.087-22.468 50.087-50.087v-33.391c-.002-27.619-22.47-50.087-50.089-50.087zm-395.13-33.391v-50.087c0-9.206 7.49-16.696 16.696-16.696h61.217v66.783H66.783zm77.913 200.347c-18.413 0-33.391-14.978-33.391-33.391s14.978-33.391 33.391-33.391 33.391 14.978 33.391 33.391-14.978 33.391-33.391 33.391zm233.739 0c-18.413 0-33.391-14.978-33.391-33.391s14.978-33.391 33.391-33.391c18.413 0 33.391 14.978 33.391 33.391s-14.978 33.391-33.391 33.391z'/%3E%3Cpath d='M451.826 178.266c-3.957-2.081-6.609-7.441-6.609-13.332v-55.151c26.659-26.659 18.855-18.737 21.278-21.847 7.446-8.744 12.114-19.925 12.114-32.284 0-27.619-22.468-50.087-50.087-50.087-12.359 0-23.541 4.668-32.285 12.114-3.841 2.991 19.734-20.303-184.758 184.19v70.348h71.304l129.044-129.043v21.761c0 18.505 9.358 34.935 24.446 42.88a16.668 16.668 0 018.946 14.793c0 9.206-7.49 16.696-16.696 16.696s-16.696-7.49-16.696-16.696c0-9.223-7.479-16.696-16.696-16.696s-16.696 7.473-16.696 16.696c0 27.619 22.468 50.087 50.087 50.087 27.619 0 50.087-22.468 50.087-50.087 0-18.667-10.273-35.662-26.783-44.342zM428.522 72.348c-9.206 0-16.696-7.49-16.696-16.696 0-9.206 7.49-16.696 16.696-16.696s16.696 7.49 16.696 16.696c-.001 9.206-7.49 16.696-16.696 16.696z' fill='%232E5A8E'/%3E%3C/svg%3E");
}

/* 3. Разрешительная документация */
.icon-documentation {
    background-image: url("data:image/svg+xml,%3Csvg fill='%232b2b2b2' height='60' width='60' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 490 490'%3E%3Cpath d='M480 15.871H10c-5.523 0-10 4.477-10 10v410c0 5.523 4.477 10 10 10h260V299.577a84.604 84.604 0 01-5-28.706c0-46.869 38.131-85 85-85s85 38.131 85 85a84.608 84.608 0 01-5 28.706v146.294h50c5.523 0 10-4.477 10-10v-410c0-5.522-4.477-10-10-10zm-435 160h40v20H45v-20zm130 220H45v-20h130v20zm60-50H45v-20h190v20zm0-50H45v-20h190v20zm0-50H45v-20h190v20zm50-110h-80v-20h80v20zm50-40H155v-20h180v20z'/%3E%3Cpath d='M290 331.02v143.109l50-42.857v-55.4h20v55.4l50 42.857V331.02c-15.385 15.348-36.603 24.852-60 24.852s-44.615-9.504-60-24.852z' fill='%232E5A8E'/%3E%3Cpath d='M350 205.871c-35.841 0-65 29.159-65 65s29.159 65 65 65 65-29.159 65-65-29.159-65-65-65z' fill='%232E5A8E'/%3E%3C/svg%3E");
}

/* 4. Индивидуальное проектирование */
.icon-design {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 2.17V0H7v2.17a3.001 3.001 0 00-1.623 4.287L4.26 8.319a4.995 4.995 0 01-.976-1.652l-1.886.666a7.007 7.007 0 001.798 2.758L.714 14.228 1.4 16l1.886-.228 2.482-4.136A6.992 6.992 0 008 12 6.99 6.99 0 0014.6 7.333l-1.885-.666a4.996 4.996 0 01-.976 1.651l-1.117-1.861A3.001 3.001 0 009 2.17zM7.95 8a3.116 3.116 0 00.1 0l1.118 1.863a5.013 5.013 0 01-2.336 0L7.95 8zM8 4a1 1 0 100 2 1 1 0 000-2z' fill='%232b2b2b'/%3E%3Cpath d='M12.714 15.772l-1.433-2.389a8.993 8.993 0 002.57-1.545l1.435 2.39L14.6 16l-1.886-.228z' fill='%232E5A8E'/%3E%3C/svg%3E");
}

/* 5. Собственное производство */
.icon-production {
    background-image: url("data:image/svg+xml,%3Csvg fill='%232b2b2b' xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 292.074 292.073'%3E%3Cpath d='M190.166 182.858h-23.509c-4.863 0-8.814 3.945-8.814 8.814a8.813 8.813 0 008.814 8.815h23.509c4.864 0 8.821-3.939 8.821-8.815 0-4.874-3.957-8.814-8.821-8.814zM235.028 182.858h-24.235c-4.864 0-8.815 3.945-8.815 8.814a8.813 8.813 0 008.815 8.815h24.235c4.863 0 8.803-3.939 8.803-8.815 0-4.874-3.94-8.814-8.803-8.814zM60.415 106.727h77.5a8.81 8.81 0 008.815-8.812 8.81 8.81 0 00-8.815-8.817h-77.5a8.814 8.814 0 00-8.818 8.817c-.001 4.869 3.947 8.812 8.818 8.812z' fill='%232E5A8E'/%3E%3Cpath d='M283.247 265.34h-11.518V116.655c0-4.87-3.957-8.818-8.821-8.818h-19.077V17.909c0-4.87-3.951-8.818-8.814-8.818h-24.235c-4.864 0-8.815 3.948-8.815 8.818v89.928h-7.752V17.909c0-4.87-3.957-8.818-8.821-8.818h-24.229c-4.863 0-8.809 3.948-8.809 8.818v89.928H29.166c-4.87 0-8.824 3.948-8.824 8.818V265.34H8.818A8.815 8.815 0 000 274.167a8.812 8.812 0 008.818 8.815h274.441c4.864 0 8.815-3.945 8.815-8.815a8.823 8.823 0 00-8.827-8.827zm-214.024 0v-64.857h59.862v64.857H69.223z'/%3E%3C/svg%3E");
}

/* 6. 5 лет гарантии */
.icon-guarantee {
    background-image: url("data:image/svg+xml,%3Csvg fill='%232b2b2b' height='60' width='60' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M226.932 399.948c-19.96 18.445-47.567 22.576-72.053 10.786-8.852-4.263-16.322-10.149-22.17-17.199l-33.341 73.744c-1.517 3.355.177 5.884.975 6.815.798.93 3.039 2.989 6.585 2.003l24.272-6.756a31.036 31.036 0 018.319-1.14 30.93 30.93 0 0127.849 17.492l10.962 22.685c1.601 3.315 4.604 3.646 5.854 3.621 1.226-.016 4.242-.414 5.758-3.769l53.033-117.304a39.793 39.793 0 00-16.043 9.022zM412.631 467.279l-33.341-73.744c-5.848 7.051-13.318 12.937-22.17 17.199-24.487 11.79-52.093 7.659-72.053-10.786a39.787 39.787 0 00-16.045-9.022l53.033 117.304c1.517 3.356 4.533 3.753 5.758 3.769 1.25.025 4.253-.306 5.854-3.621l10.962-22.685a30.928 30.928 0 0127.849-17.492c2.757 0 5.554.371 8.319 1.14l24.272 6.756c3.546.987 5.788-1.072 6.585-2.003.8-.932 2.494-3.461.977-6.815z'/%3E%3Cpath d='M438.821 207.791c-27.69-18.96-36.282-56.605-19.56-85.702 10.051-17.491 4.82-34.775-3.427-45.118-8.248-10.34-23.936-19.285-43.223-13.38-32.084 9.827-66.877-6.925-79.201-38.141C286.002 6.686 269.227 0 256 0c-13.227 0-30.002 6.686-37.41 25.451-12.324 31.217-47.114 47.967-79.201 38.141-19.289-5.904-34.974 3.039-43.223 13.38-8.247 10.343-13.478 27.625-3.427 45.118 16.722 29.096 8.13 66.742-19.56 85.702-16.646 11.399-19.431 29.24-16.489 42.136 2.942 12.896 13.194 27.761 33.137 30.808 33.174 5.068 57.248 35.256 54.809 68.727-1.468 20.121 10.745 33.423 22.662 39.163 11.918 5.739 29.932 6.995 44.748-6.698 12.322-11.387 28.141-17.083 43.953-17.083 15.818 0 31.628 5.693 43.952 17.083 14.818 13.694 32.833 12.438 44.75 6.698 11.917-5.739 24.129-19.041 22.662-39.162-2.439-33.471 21.635-63.659 54.809-68.728 19.943-3.047 30.193-17.913 33.137-30.808 2.943-12.898.156-30.739-16.488-42.137zM256 335.923c-72.575 0-131.619-59.044-131.619-131.619S183.424 72.684 256 72.684s131.619 59.044 131.619 131.619c-.001 72.575-59.044 131.62-131.619 131.62z'/%3E%3Cpath d='M255.999 97.225c-59.044 0-107.079 48.036-107.079 107.079 0 59.043 48.034 107.079 107.079 107.079s107.079-48.036 107.079-107.079S315.043 97.225 255.999 97.225zm54.875 96.697l-66.642 48.675a12.27 12.27 0 01-17.279-2.856l-19.934-28.382c-3.895-5.547-2.556-13.2 2.989-17.095 5.546-3.895 13.198-2.557 17.094 2.989l12.75 18.154 56.548-41.302c5.473-3.995 13.15-2.803 17.146 2.671 3.997 5.472 2.8 13.148-2.672 17.146z' fill='%232E5A8E'/%3E%3C/svg%3E");
}

/* 1. Емкостное и нестандартное оборудование */
.icon-reservoirs {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 297.5 297.5'%3E%3Cpath fill='%232e5a8e' d='M40.405 183.1h12.85v12.84h-12.85zM40.405 150.48h12.85v12.85h-12.85zM40.405 117.86h12.85v12.85h-12.85zM40.405 85.25h12.85V98.1h-12.85z'/%3E%3Cpath fill='%23fff' d='M203.485 183.1h12.85v12.84h-12.85zM203.485 150.48h12.85v12.85h-12.85zM203.485 121.94h12.85v8.77h-12.85z'/%3E%3Cpath d='M150.195 65.48H41.305c4.68-25.82 27.3-45.46 54.45-45.46 27.14 0 49.77 19.64 54.44 45.46z' fill='%232e5a8e'/%3E%3Cpath d='M255.945 102.17h-83.92c4.48-19.02 21.59-33.23 41.96-33.23s37.48 14.21 41.96 33.23zM257.105 121.94v139.24h-86.24V121.94h12.85v111.31c0 5.46 4.43 9.89 9.88 9.89 5.46 0 9.89-4.43 9.89-9.89v-17.54h12.85v17.54c0 5.46 4.42 9.89 9.88 9.89 5.46 0 9.88-4.43 9.88-9.89V121.94h21.01z' fill='%23fff'/%3E%3Cpath d='M151.105 85.25v175.93h-110.7v-45.47h12.85v22.73c0 5.46 4.42 9.89 9.88 9.89s9.89-4.43 9.89-9.89V85.25h78.08z' fill='%232e5a8e'/%3E%3Cpath d='M276.865 112.06v175.31c0 5.45-4.42 9.88-9.88 9.88-5.46 0-9.88-4.43-9.88-9.88v-6.43h-86.24v6.43c0 5.45-4.42 9.88-9.88 9.88s-9.88-4.43-9.88-9.88v-6.43h-110.7v6.43c0 5.45-4.43 9.88-9.88 9.88-5.46 0-9.89-4.43-9.89-9.88V75.36c0-41.41 33.7-75.11 75.12-75.11 38.53 0 70.36 29.16 74.61 66.57 11.32-10.91 26.69-17.65 43.62-17.65 34.67 0 62.88 28.21 62.88 62.89zm-19.76 149.12V121.94h-21.01v111.31c0 5.46-4.42 9.89-9.88 9.89-5.46 0-9.88-4.43-9.88-9.89v-17.54h-12.85v17.54c0 5.46-4.43 9.89-9.89 9.89-5.45 0-9.88-4.43-9.88-9.89V121.94h-12.85v139.24h86.24zm-85.08-159.01h83.92c-4.48-19.02-21.59-33.23-41.96-33.23s-37.48 14.21-41.96 33.23zm44.31 93.77V183.1h-12.85v12.84h12.85zm0-32.61v-12.85h-12.85v12.85h12.85zm0-32.62v-8.77h-12.85v8.77h12.85zm-65.23 130.47V85.25h-78.08v153.19c0 5.46-4.43 9.89-9.89 9.89s-9.88-4.43-9.88-9.89v-22.73h-12.85v45.47h110.7zm-109.8-195.7h108.89c-4.67-25.82-27.3-45.46-54.44-45.46-27.15 0-49.77 19.64-54.45 45.46zm11.95 130.46V183.1h-12.85v12.84h12.85zm0-32.61v-12.85h-12.85v12.85h12.85zm0-32.62v-12.85h-12.85v12.85h12.85zm0-32.61V85.25h-12.85V98.1h12.85z'/%3E%3C/svg%3E");
}

/* 2. Монтаж и автоматизация под ключ */
.icon-installation {
    background-image: url("data:image/svg+xml,%3Csvg fill='%232b2b2b' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 472.615 472.615'%3E%3Cpath d='M405.563 151.927c4.234-13.59 5.908-27.669 5.12-42.143C407.138 49.722 356.234.491 297.157 0h-.886c-47.754 0-90.289 30.622-107.028 75.126-17.526-14.572-40.074-21.563-63.015-19.297-32.788 3.248-61.243 26.19-72.665 58.485-5.12 14.375-6.4 29.145-3.742 44.012C19.692 173.194 0 204.602 0 239.064c0 46.481 32.614 81.07 78.769 85.387V187.044h315.077V324.45c46.155-4.317 78.769-38.906 78.769-85.387 0-42.14-28.061-77.586-67.052-87.136z' fill='%232e5a8e'/%3E%3Cpath d='M374.154 305.231v-98.462H98.462v98.462h49.231v19.692H98.462v98.462h44.308v29.538h-34.462v19.692h256v-19.692h-34.462v-29.538h44.308v-98.462h-39.385v-19.692h39.385zm-206.769 19.692v-19.692h147.692v19.692H167.385zm128 39.352v19.692h-19.692v-19.692h19.692zm-19.693-118.154h19.692v19.692h-19.692v-19.692zm-137.846 19.693v-19.692h78.769v19.692h-78.769zm0 118.154v-19.692h78.769v19.692h-78.769zm172.308 68.955H162.462v-29.538h147.692v29.538zm24.615-68.955h-19.692v-19.692h19.692v19.692zm-19.692-118.154v-19.692h19.692v19.692h-19.692z'/%3E%3C/svg%3E");
}

/* 3. Мойка и деконтаминация */
.icon-cip {
    background-image: url("data:image/svg+xml,%3Csvg fill='%232b2b2b' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.002 512.002'%3E%3Cpath d='M399.884 316.198c-2.641-8.76-11.88-13.723-20.642-11.084l-27.061 8.156-9.683-44.476a16.57 16.57 0 00-16.19-13.044H185.692a16.57 16.57 0 00-16.19 13.044l-9.684 44.476-27.062-8.156c-8.764-2.64-18.005 2.322-20.644 11.083-2.641 8.761 2.322 18.004 11.082 20.644l15.682 4.726c-6.632 7.308-10.679 17.003-10.679 27.624v63.571c0 8.423 6.292 15.362 14.429 16.415v.486c0 17.526 14.259 31.784 31.784 31.784h15.74c17.526 0 31.784-14.258 31.784-31.784v-.332h68.128v.332c0 17.526 14.259 31.784 31.784 31.784h15.74c17.526 0 31.784-14.258 31.784-31.784v-.486c8.137-1.052 14.429-7.992 14.429-16.415v-63.57c0-10.623-4.047-20.318-10.679-27.624l15.682-4.727c8.761-2.64 13.723-11.883 11.082-20.643zm-210.257 98.145c-11.591 0-20.988-9.397-20.988-20.987 0-11.591 9.397-20.987 20.988-20.987s20.987 9.397 20.987 20.987c0 11.592-9.396 20.987-20.987 20.987zm.888-86.296l8.526-39.159h113.918l8.525 39.159H190.515zm131.859 86.296c-11.591 0-20.988-9.397-20.988-20.987 0-11.591 9.397-20.987 20.988-20.987 11.59 0 20.987 9.396 20.987 20.987s-9.397 20.987-20.987 20.987z' fill='%232e5a8e'/%3E%3Cpath d='M481.993 150.17h-4.447V46.017c0-9.15-7.418-16.569-16.569-16.569H51.022c-9.15 0-16.569 7.418-16.569 16.569V150.17h-4.447C13.461 150.17 0 163.632 0 180.178v272.367c0 16.545 13.461 30.008 30.008 30.008h42.031c16.545 0 30.008-13.462 30.008-30.008V180.178c0-16.545-13.461-30.008-30.008-30.008h-4.447V62.586H444.41v87.585h-4.447c-16.547 0-30.008 13.463-30.008 30.008v272.367c0 16.545 13.461 30.008 30.008 30.008h42.031c16.545 0 30.008-13.462 30.008-30.008V180.178c-.002-16.546-13.463-30.008-30.009-30.008z'/%3E%3Cpath d='M256 82.856a8.284 8.284 0 00-8.284 8.284v16.569c0 4.576 3.709 8.284 8.284 8.284s8.284-3.708 8.284-8.284V91.14A8.284 8.284 0 00256 82.856zM256 120.21a8.284 8.284 0 00-8.284 8.284v20.785c0 4.576 3.709 8.284 8.284 8.284s8.284-3.708 8.284-8.284v-20.785A8.284 8.284 0 00256 120.21zM256 161.78a8.284 8.284 0 00-8.284 8.284v16.569c0 4.576 3.709 8.284 8.284 8.284s8.284-3.708 8.284-8.284v-16.569A8.284 8.284 0 00256 161.78zM233.726 83.069a8.287 8.287 0 00-9.936 6.209l-3.726 16.144a8.285 8.285 0 008.081 10.149 8.289 8.289 0 008.065-6.423l3.726-16.144a8.283 8.283 0 00-6.21-9.935zM225.139 120.281a8.287 8.287 0 00-9.935 6.209l-4.862 21.068a8.285 8.285 0 0016.145 3.726l4.862-21.068a8.282 8.282 0 00-6.21-9.935zM215.416 162.418a8.285 8.285 0 00-9.935 6.209l-3.726 16.143c-1.197 5.188 2.746 10.149 8.08 10.149a8.289 8.289 0 008.065-6.423l3.726-16.143a8.284 8.284 0 00-6.21-9.935zM291.934 105.422l-3.726-16.144a8.285 8.285 0 00-16.145 3.726l3.726 16.144a8.287 8.287 0 009.935 6.209 8.286 8.286 0 006.21-9.935zM301.656 147.557l-4.861-21.068a8.286 8.286 0 00-16.146 3.726l4.862 21.068a8.286 8.286 0 008.064 6.423 8.284 8.284 0 008.081-10.149zM310.245 184.77l-3.726-16.143a8.284 8.284 0 00-9.936-6.209 8.285 8.285 0 00-6.21 9.935l3.726 16.143a8.284 8.284 0 009.936 6.209 8.285 8.285 0 006.21-9.935z'/%3E%3C/svg%3E");
}

/* БЛОК 3: О КОМПАНИИ */
.mtsm-about-story {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 60px;
    align-items: center;
}

.story-text {
    flex: 1;
    min-width: 280px;
}

.story-text p {
    text-align: justify;
}

.story-image {
    flex: 1;
    min-width: 280px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.story-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* ============================================================
   ВИДЕО-БЛОК НА ВСЮ ШИРИНУ (ЧЕРНЫЙ ОВЕРЛЕЙ)
   ============================================================ */
.mtsm-fullwidth-video-block {
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    height: 600px;
    min-height: 400px;
    max-height: 90vh;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 60px;
    margin-bottom: 60px;
}

/* Оверлей поверх видео (ЧЕРНЫЙ) */
.mtsm-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 2;
    pointer-events: none;
}

/* Видео на фоне */
.mtsm-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1;
}

/* Контент поверх видео */
.mtsm-video-content {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 1280px;
    padding: 0 30px;
    margin: 0 auto;
    text-align: center;
    pointer-events: none;
}

.mtsm-video-content-inner {
    pointer-events: auto;
    max-width: 800px;
    margin: 0 auto;
}

/* ЗАГОЛОВОК — только цвет + тень */
.mtsm-video-title {
    color: #ffffff;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.6);
}

.mtsm-video-title .brand-name {
    color: #ffffff;
}

/* ПАРАГРАФ — только цвет + тень */
.mtsm-video-subtitle {
    color: #ffffff;
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
}

/* БЛОК 4: ПАРТНЁРЫ */
.mtsm-about-partners {
    margin-bottom: 60px;
}

.page-id-469 .neve-main {
    margin: 0 !important;
}

/* АДАПТИВ */
@media (max-width: 900px) {
    .directions-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 640px) {
    .directions-grid {
        grid-template-columns: 1fr;
    }

    .mtsm-hero-stats {
        gap: 1rem;
    }

    .hero-stat-number {
        font-size: 1.5rem;
    }

    .mtsm-about-hero {
        gap: 0;
        margin-bottom: 30px;
    }

    .mtsm-about-directions,
    .mtsm-about-story,
    .mtsm-about-partners {
        margin-bottom: 40px;
    }
}

/* ===== ВИДЕО + ФОРМА ===== */
.mtsm-video-form-block {
    width: 100%;
    margin: 50px 0 0;
    padding: 30px;
}

.mtsm-video-form-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: 0 auto;
    justify-content: space-between;
}

.mtsm-video-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    position: relative;
    min-height: 300px;
    background: #ffffff;
    border-radius: 10px;
    max-width: 600px;
}

.mtsm-video-wrapper {
    position: relative;
    width: 100%;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    overflow: hidden;
    cursor: pointer;
    border-radius: 10px;
}

.mtsm-video {
    width: 100%;
    height: 100%;
	max-height: 800px;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    border-radius: 10px;
}

.mtsm-form-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mtsm-form-wrapper,
.service-form-block {
    max-width: 500px;
    width: 100%;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-top: 4px solid #2E5A8E;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}

.mtsm-form-title {
    font-weight: 600;
    color: #2E5A8E;
    margin-bottom: 10px;
}

.mtsm-form-subtitle {
    font-size: 16px;
}

.mtsm-form-note {
    font-size: 12px;
    color: #999;
    margin-top: 15px;
}

.contact-block {
    margin-bottom: 25px;
    padding: 15px;
    background: #f8f9fa;
    border-left: 4px solid #2E5A8E;
    border-radius: 8px;
}

.contact-block address {
    font-style: normal;
    margin: 5px 0 10px 0;
    font-weight: 500;
}

.contact-list {
    list-style: none;
    padding-left: 0;
    margin: 10px 0 0 0;
}

.contact-list li {
    margin-bottom: 8px;
    padding-left: 0;
}

/* ===== ФУТЕР ===== */
#wrapMap {
    position: relative;
    cursor: help;
    overflow: visible;
    border: none;
    border-radius: 0;
    -webkit-filter: grayscale(1) brightness(0.9);
    filter: grayscale(1) brightness(0.9);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: -25px;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

#wrapMap:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#wrapMap iframe {
    border-radius: 0;
}

.mapTitle {
    position: absolute;
    z-index: 1000;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px;
    display: none;
    padding: 5px 20px;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
}

footer#site-footer .footer-top {
    padding: 20px 0;
}

footer#site-footer .widget .widget-title {
    margin-bottom: 20px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
}

footer#site-footer .widget a:hover {
    color: #2E5A8E;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

div#cb-row--footer-desktop-bottom {
    border-top: 1px solid #ffffff;
}

img.footer-logo {
    max-width: 130px;
    width: 100%;
}

p.footer-desc-company {
    font-size: 12px;
    margin: 10px 0 20px;
}

.social-icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}

.social-icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #2b2b2b;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
}

.social-icon svg {
    width: 40px;
    height: 40px;
    display: block;
    -webkit-filter: invert(1);
    filter: invert(1);
}

.social-icon svg:hover {
    -webkit-filter: invert(0);
    filter: invert(0);
}

.social-icon svg path:first-child {
    fill: #2b2b2b;
}

.social-icon.telegram:hover svg path:first-child {
    fill: #40B3E0;
}

.social-icon.viber:hover svg path:first-child {
    fill: #7b519c;
}

.social-icon.whatsapp:hover svg path:first-child {
    fill: #67C15E;
}

div#block-9 {
    margin-bottom: 0;
}

.footer-contacts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
}

.footer-contacts__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

.footer-contacts__item .dashicons {
    font-size: 20px;
    width: 20px;
    height: 20px;
    color: #ffffff;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.footer-contacts__messenger-icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.footer-contacts__messenger-icon svg {
    width: 20px;
    height: 20px;
    display: block;
}

.footer-contacts__messenger-link {
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.footer-contacts__messenger-link:hover {
    color: #643a2e;
}

.footer-contacts__item span:not(.dashicons),
.footer-contacts__phone,
.footer-contacts__email {
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.footer-contacts__phone:hover,
.footer-contacts__email:hover {
    color: #643a2e;
    text-decoration: none;
}

.footer-contacts__phone-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
}

.widget li {
    margin-top: 5px;
}

.manifesto {
    position: relative;
    padding: 80px 20px;
    background: -webkit-gradient(linear, left top, right top, from(#f9f7f3), to(#f5f0e8));
    background: -webkit-linear-gradient(left, #f9f7f3, #f5f0e8);
    background: -o-linear-gradient(left, #f9f7f3, #f5f0e8);
    background: linear-gradient(135deg, #f9f7f3 0%, #f5f0e8 100%);
    overflow: hidden;
    margin: 60px auto 0;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.manifesto::before {
    content: "“";
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 180px;
    font-family: 'Trebuchet MS', cursive;
    color: rgba(181, 105, 61, 0.1);
    line-height: 1;
    pointer-events: none;
}

.manifesto::after {
    content: "”";
    position: absolute;
    bottom: 20px;
    right: 50px;
    font-size: 180px;
    font-family: 'Trebuchet MS', cursive;
    color: rgba(181, 105, 61, 0.1);
    line-height: 1;
    pointer-events: none;
}

.manifesto__container {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.manifesto__content {
    text-align: center;
}

.manifesto__subtitle {
    display: inline-block;
    font-weight: 600;
    color: #2E5A8E;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #eaeef3;
    padding: 6px 16px;
    border-radius: 50px;
    margin-bottom: 30px;
}

.manifesto__text {
    font-family: 'Trebuchet MS', cursive;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.4;
    color: #2b2b2b;
    margin: 0 0 40px 0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.02);
}

.manifesto__signature {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
}

.manifesto__signature-line {
    width: 60px;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#2E5A8E), to(transparent));
    background: -webkit-linear-gradient(left, transparent, #2E5A8E, transparent);
    background: -o-linear-gradient(left, transparent, #2E5A8E, transparent);
    background: linear-gradient(90deg, transparent, #2E5A8E, transparent);
}

.manifesto__signature-name {
    color: #2E5A8E;
    font-weight: 600;
    letter-spacing: 1px;
}

span.note {
    color: #990000;
    font-weight: 600;
}

p.copyright-text {
    font-size: 12px;
}

/* ============================================================
   БЛОК "РЕШЕНИЯ ДЛЯ РОБОТИЗАЦИИ" 
   ============================================================ */
.mtsm-solutions {
    max-width: 1400px;
    margin: 0 auto 60px;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}

.mtsm-solutions__tabs {
    position: relative;
}

/* Скрываем радиокнопки */
.mtsm-solutions__radio {
    display: none;
}

/* Навигация — FLEX с равномерным распределением */
.mtsm-solutions__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eeeeee;
}

/* Стили для любой кнопки таба (неактивной по умолчанию) */
.mtsm-solutions__label {
    flex: 1 1 auto;
    text-align: center;
    display: inline-block;
    padding: 12px 10px;
    font-size: 1.1rem;
    font-weight: 600;
    color: #2E5A8E;
    background: #ffffff;
    border: none;
    border-bottom: 2px solid #2E5A8E;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    bottom: -1px;
    white-space: nowrap;
}


@media (max-width: 640px) {
    .mtsm-solutions__label {
        white-space: normal;
        font-size: 0.85rem;
        padding: 10px 8px;
        flex: 1 1 auto;
    }
}

.mtsm-solutions__label:hover {
    background: #d5dee8;
    color: #2E5A8E;
}

/* АКТИВНАЯ ВКЛАДКА */
.mtsm-solutions__radio:nth-of-type(1):checked~.mtsm-solutions__nav label[for="solTab1"],
.mtsm-solutions__radio:nth-of-type(2):checked~.mtsm-solutions__nav label[for="solTab2"],
.mtsm-solutions__radio:nth-of-type(3):checked~.mtsm-solutions__nav label[for="solTab3"],
.mtsm-solutions__radio:nth-of-type(4):checked~.mtsm-solutions__nav label[for="solTab4"] {
    color: #ffffff;
    background: #2E5A8E;
    border-bottom: 2px solid #2E5A8E;
}

/* Контейнер контента */
.mtsm-solutions__panes {
    background: #ffffff;
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #eeeeee;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Панели по умолчанию скрыты */
.mtsm-solutions__pane {
    display: none;
    animation: fadeIn 0.4s ease;
}

/* Показываем панель в зависимости от выбранного radio (по порядку) */
.mtsm-solutions__radio:nth-of-type(1):checked~.mtsm-solutions__panes .mtsm-solutions__pane:nth-of-type(1),
.mtsm-solutions__radio:nth-of-type(2):checked~.mtsm-solutions__panes .mtsm-solutions__pane:nth-of-type(2),
.mtsm-solutions__radio:nth-of-type(3):checked~.mtsm-solutions__panes .mtsm-solutions__pane:nth-of-type(3),
.mtsm-solutions__radio:nth-of-type(4):checked~.mtsm-solutions__panes .mtsm-solutions__pane:nth-of-type(4) {
    display: block;
}

/* Анимация */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Оформление контента внутри панели */
.mtsm-solutions__pane h3 {
    font-weight: 600;
    display: inline-block;
}

.mtsm-solutions__pane p {
    font-size: 1rem;
    margin-bottom: 1rem;
}

/* ===== ПОДПИСИ ПОД ИЗОБРАЖЕНИЯМИ В СЛАЙДЕРЕ ===== */
.mtsm-slide-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    padding: 8px 15px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    z-index: 5;
    backdrop-filter: blur(4px);
    line-height: 1.4;
    pointer-events: none;
}

@media (max-width: 768px) {
    .mtsm-slide-caption {
        font-size: 11px;
        padding: 6px 10px;
    }
}

/* ===== АДАПТИВНОСТЬ ===== */
@media (max-width: 768px) {
    .mtsm-solutions__label {
        padding: 8px 12px;
        font-size: 0.9rem;
        white-space: normal;
    }
}

@media (max-width: 580px) {
    .mtsm-solutions__label {
        flex: 1 1 calc(50% - 0px);
        white-space: normal;
        font-size: 1rem;
        padding: 15px 5px;
    }
}

/* ===== БЛОКИ РЕШЕНИЙ (КАРТОЧКИ) ===== */
.mtsm-solution-card {
    display: flex;
    flex-wrap: wrap;
    margin: 50px 0;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fefcfc;
}

/* Левая колонка – слайдер */
.mtsm-solution__slider {
    flex: 1;
    min-width: 280px;
    position: relative;

}

.mtsm-solution__slider-container {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4 / 3;
}

.mtsm-solution__slide {
    display: none;
    width: 100%;
    height: 100%;
}

.mtsm-solution__slide.active {
    display: block;
}

.mtsm-solution__slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 10px;
}

.mtsm-solution__slider-prev,
.mtsm-solution__slider-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    font-size: 22px;
    padding: 6px 12px;
    cursor: pointer;
    transition: background 0.2s;
    z-index: 10;
}

.mtsm-solution__slider-prev {
    left: 10px;
}

.mtsm-solution__slider-next {
    right: 10px;
}

.mtsm-solution__slider-prev:hover,
.mtsm-solution__slider-next:hover {
    background: #2E5A8E;
}

.mtsm-solution__slider-dots {
    text-align: center;
    padding: 8px 0;
    position: absolute;
    bottom: 6px;
    width: 100%;
    z-index: 10;
}

.mtsm-solution__dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    cursor: pointer;
}

.mtsm-solution__dot.active {
    background: #2E5A8E;
}

/* Правая колонка – информация */
.mtsm-solution__info {
    flex: 1;
    padding: 20px 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mtsm-solution__title {
    font-weight: 700;
    margin: 0 0 30px 0;
    border-left: 3px solid #2E5A8E;
    padding-left: 12px;
}

.solution-title-red {
    color: #2E5A8E;
    font-weight: 600;
}

.mtsm-solution__order {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.mtsm-solution__order p {
    margin-bottom: 0;
}

/* Нижний блок – 4 карточки по всей ширине */
.mtsm-solution__composition {
    width: 100%;
    padding: 20px 25px 25px;
    border-top: 1px solid #eeeeee;
}

.mtsm-solution__params {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 20px;
}

.mtsm-solution__param-card {
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    padding: 12px 12px;
    text-align: center;
    transition: all 0.2s;
}

.mtsm-solution__param-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
}

.mtsm-solution__param-icon {
    font-size: 28px;
    margin-bottom: 8px;
}

.mtsm-solution__param-title {
    font-weight: 700;
    font-size: 0.9rem;
    margin-bottom: 6px;
    color: #2b2b2b;
}

.mtsm-solution__param-desc {
    font-size: 0.75rem;
    line-height: 1.4;
    color: #555555;
}

.mtsm-solution__param-icon.dashicons {
    font-size: 32px;
    width: auto;
    height: auto;
    color: #555555;
    margin-bottom: 10px;
}

/* Адаптив */
@media (max-width: 900px) {
    .mtsm-solution-card {
        flex-direction: column;
        margin: 40px 0;
    }

    .mtsm-solution__slider {
        width: 100%;
    }

    .mtsm-solution__info {
        padding: 15px;
    }

    .mtsm-solution__params {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

@media (max-width: 580px) {
    .mtsm-solution__params {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .mtsm-solution__title {
        font-size: 1.3rem;
    }

    .mtsm-solution__composition {
        padding: 15px;
    }

    .mtsm-solutions__panes {
        padding: 0;
    }

    .mtsm-solution__order {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }
}

/* ===== СЕКЦИЯ ВИДЕОМАТЕРИАЛОВ ===== */
.mtsm-video-section {
    max-width: 1400px;
    margin: 60px auto;
    padding: 0;
}

.mtsm-video-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 30px 0;
}

.mtsm-video-card {
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.mtsm-video-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.mtsm-video-thumb {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
}

.mtsm-video-thumb iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

.mtsm-video-info {
    padding: 15px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mtsm-video-desc {
    color: #fff;
    margin: 0;
}
.container-btn-feedback {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px auto;
}

/* Адаптив */
@media (max-width: 900px) {
    .mtsm-video-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 580px) {
    .mtsm-video-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .mtsm-video-title {
        font-size: 1rem;
    }
}

/* ===== МЕДИАЗАПРОСЫ (ВСЕ ОБЪЕДИНЕНЫ) ===== */
/* Десктоп (большие экраны) */
@media screen and (min-width: 960px) {
    #header-menu-sidebar-inner .mobile-left:has(.builder-item--button_base) {
        display: none;
    }

    .social-btn:hover .social-btn-tooltip {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .social-btn:hover {
        -webkit-transform: translateX(10px) scale(1.1);
        transform: translateX(10px) scale(1.1);
    }

    .social-btn:hover svg {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    .item--inner.builder-item--header_search {
        display: none;
    }
}

/* Планшеты и средние экраны (макс. 1024px) */
@media (max-width: 1024px) {
    .mtsm-projects-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
}

/* Планшеты и ноутбуки (макс. 992px) */
@media (max-width: 992px) {
    .mtsm-map-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .mtsm-contacts-card {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 30px 25px;
    }

    .mtsm-contacts-card-inner {
        max-width: 100%;
    }

    .mtsm-map-wrapper {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 400px;
        -ms-flex: 0 0 400px;
        flex: 0 0 400px;
        height: 400px;
    }

    .contacts-info-wrapper {
        gap: 20px;
    }

    .contact-info-card {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 calc(50% - 20px);
        -ms-flex: 1 1 calc(50% - 20px);
        flex: 1 1 calc(50% - 20px);
        min-width: auto;
    }

    .offices-flex-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 30px;
    }

    .offices-info-column {
        max-width: 100%;
        width: 100%;
    }

    .seo-content-block {
        margin: 40px 0 20px !important;
        max-width: 100% !important;
        padding: 10px 10px 10px 20px !important;
    }

    .mtsm-video-form-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }

    .mtsm-video-col,
    .mtsm-form-col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .mtsm-video-col {
        min-height: 300px;
    }

    .mtsm-form-col {
        padding: 30px 25px;
    }
}

/* Экран до 900px */
@media screen and (max-width: 900px) {
    .mtsm-about-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2rem;
    }

    .mtsm-about-image {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }

    .mtsm-about-content {
        text-align: center;
    }

    .about-tag {
        margin-left: auto;
        margin-right: auto;
    }

    .title-custom-h2 {
        display: inline-block;
        text-align: left;
    }

    .about-stats {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .stat-item {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .mtsm-about-button {
        margin-left: auto;
        margin-right: auto;
    }

    .cookie-popup {
        gap: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .container-social-btn {
        gap: 6px;
    }

    .mtsm-service-story {
        gap: 20px;
        flex-direction: column;
    }

    .mtsm-fullwidth-map {
        margin: 30px 0;
    }
}

/* Экран до 768px (планшеты и телефоны) */
@media (max-width: 768px) {
    .mtsm-projects-section {
        padding: 0;
        margin: 0 auto 40px;
    }

    .mtsm-projects-container {
        padding: 0;
    }

    .title-custom-h2 {
        font-size: 1.6rem;
    }

    .mtsm-card-content h3 {
        font-size: 1.2rem;
    }

    .mtsm-card-desc {
        font-size: 0.8rem;
    }

    .mtsm-card-content {
        padding: 1rem;
    }

    .about-stats {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        align-content: flex-start;
        border: none;
    }

    .stat-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        max-width: 100%;
        gap: 1rem;
        border-bottom: 1px dashed #ccc;
    }

    .mtsm-about-button {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .contacts-info-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
    }

    .contact-info-card {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }

    .office-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
    }

    .office-col {
        width: 100%;
    }

    .full-width-banner img {
        height: auto;
        min-height: 350px;
    }

    .full-width-banner .banner-content {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        background: #f5f5f5;
        -webkit-transform: none;
        transform: none;
        padding: 30px;
    }

    .full-width-banner img {
        display: none;
    }

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

    .title-section-decorated {
        font-size: 24px;
    }

    .mtsm-about-section {
        margin: 0 auto 40px;
    }

    .hero-slider {
        height: 100vh;
    }

    .hero-slider__arrow {
        display: flex;
        opacity: 0.5;
        width: 36px;
        height: 36px;
    }

    .hero-slider__caption {
        max-width: 80%;
        font-size: 14px;
        padding: 15px;
    }

    .hero-slider__dots {
        bottom: 20px;
        gap: 6px;
    }

    .hero-slider__dot {
        width: 8px;
        height: 8px;
        border-radius: 8px;
    }

    .hero-slider__dot.active {
        width: 24px;
    }

    .hero-slider__dot:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    .hero-slider__caption p {
        font-size: 14px;
        margin-bottom: 0;
    }

    .cookies-text {
        font-size: 12px;
    }

    .manifesto {
        padding: 50px 20px;
    }

    .manifesto::before,
    .manifesto::after {
        font-size: 100px;
    }

    .manifesto__text {
        font-size: 1.8rem;
    }

    .manifesto__subtitle {
        font-size: 1rem;
    }

    .footer-contacts {
        gap: 12px;
    }

    .footer-contacts__item {
        gap: 10px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .contacts-info-block,
    .contacts-form-block {
        min-width: 400px;
    }

    .mtsm-video-form-block {
        padding: 0;
    }

    .mtsm-about-content {
        text-align: left;
    }

    .contacts-info-wrapper {
        margin: 30px auto 40px;
    }

    .hero-slider__caption {
        max-width: 100%;
    }

    .hero-slider__caption h1,
    .hero-slider__caption h2 {
        font-size: 26px;
        margin-bottom: 20%;
    }
}

/* Экран до 600px (мобильные телефоны) */
@media (max-width: 600px) {
    .mtsm-about-story {
        gap: 25px;
    }

    .title-custom-h2 {
        font-size: 1.6rem;
        padding: 10px;
    }

    .mtsm-solutions__pane p {
        padding: 10px;
    }

    body.admin-bar .hero-slider {
        height: calc(100vh - 46px);
    }

    .faq-section {
        padding: 0;
        margin: 20px auto;
        max-width: 100%;
    }

    .faq-details summary {
        padding: 16px 20px;
    }

    .faq-question {
        font-size: 14px;
    }

    .faq-question span {
        padding-right: 10px;
    }

    .faq-question::after {
        right: 20px;
        font-size: 22px;
    }

    .faq-answer {
        padding: 10px;
    }

    .faq-answer p {
        font-size: 14px;
    }

    #wrapMap iframe {
        height: 400px;
    }

    .social-icons {
        gap: 20px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    body:not(.home) .page h1::before,
    body:not(.home) .single h1::before,
    body:not(.home) h1:first-of-type::before {
        content: "✦";
    }

    body:not(.home) .page h1::after,
    body:not(.home) .single h1::after,
    body:not(.home) h1:first-of-type::after {
        content: "✦";
    }

    .thezu-slider-btn {
        background: #2b2b2b;
        top: 92%;
        border-radius: 10px;
    }

    .hero-slider__image {
        background-size: auto;
    }

 .nv-title-tagline-wrap{
		display: none;
	}
}

/* Экран до 580px (узкие мобильные) */
@media (max-width: 580px) {
    .mtsm-projects-grid {
        grid-template-columns: 1fr;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }
}

/* Экран до 576px (маленькие телефоны) */
@media (max-width: 576px) {
    .mtsm-contacts-card {
        padding: 20px;
    }

    .mtsm-contacts-title {
        font-size: 24px;
    }

    .mtsm-contact-item {
        gap: 12px;
        margin-bottom: 20px;
    }

    .mtsm-map-wrapper {
        height: 300px;
    }

    .mtsm-form-col {
        padding: 20px 0;
    }

    .mtsm-video-col {
        min-height: 220px;
    }

    .mtsm-video-icon {
        width: 45px;
        height: 45px;
        font-size: 18px;
    }

    .mtsm-form-title {
        font-size: 24px;
    }

    .hero-slider__caption h1,
    .hero-slider__caption h2 {
        font-size: 24px;
        margin-bottom: 30%;
    }
}

/* Экран до 480px (очень маленькие) */
@media (max-width: 480px) {
    .hero-slider__caption {
        font-size: 12px;
        padding: 10px;
    }

    .hero-slider__caption h1 {
        margin-bottom: 30%;
    }

    .manifesto__text {
        font-size: 1.3rem;
    }

    .manifesto__signature-line {
        width: 40px;
    }

    .contact-info-card {
        padding: 15px;
    }

    .card-header h2 {
        font-size: 16px;
    }

    .office-info {
        padding: 15px;
    }

    .office-phone {
        font-size: 16px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .office-address {
        font-size: 12px;
        padding: 6px;
    }

    .seo-content-block {
        padding: 10px 10px 10px 15px;
    }

    .seo-content-block h2 {
        font-size: 20px;
    }

    .seo-content-block h3 {
        font-size: 18px;
    }
}

/* Высокие экраны (мин. высота 1000px) */
@media screen and (min-height: 1000px) {
    .hero-slider {
        height: 80vh;
        max-height: 800px;
    }
}