:root{
    --brand-orange:#F26027;  /* замените на точный из Figma */
    --brand-blue:#1F66B1;    /* замените на точный из Figma */

}
.btn {
    --bs-btn-font-size: 16px;
}
@font-face {
    font-family: "kanit-cyrillic";
    src: url('../fonts/KanitCyrillic.otf') format('opentype');
    font-weight: 400; /* можно менять на 700, если это bold */
    font-style: normal;
    font-display: swap;
}
.cap1 {
    margin-top: 160px;
    justify-content: start;
}
.navbar {flex-wrap: nowrap;}
.navbar-toggler {border:none;color: rgb(0 0 0 / 0%);}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.9em;
    height: 1.9em;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23EC6630' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.spheres-901{
    max-width:100%;
    padding:55px 0;
    background: #f6f7f8;
    font-family:'Montserrat',sans-serif;
}

/* общий стиль блока */
.sphere-item-901{
    display:flex;
    gap:32px;
    background: #ffffff;

    padding:32px;
    margin-bottom:40px;
    align-items: center;
}

/* картинка слева */
.sphere-img-901{
    flex:0 0 40%;
}
.sphere-img-901 img{
    width:100%;
    height:auto;
    display:block;
    
}

/* правая часть */
.sphere-body-901{flex:1;}
.sphere-title-901{
    font-family:'kanit-cyrillic',sans-serif;
    font-weight:400;
    font-size:28px;
    margin:0 0 12px;
}
.sphere-desc-901{
    font-size:16px;
    color:#444;
    margin-bottom:12px;
}
.sphere-list-901 {
    list-style: none;      /* убираем стандартные маркеры */
    padding: 0;
    margin: 0 0 16px 0;
}

.sphere-list-901 li {
    position: relative;
    padding-left: 16px;    /* отступ под маркер */
    margin-bottom: 6px;
    font-size: 15px;
    line-height: 1.5;
    color: #333;
}

.sphere-list-901 li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.65em;           /* вертикальное выравнивание */
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #EC6630;
    transform: translateY(-50%);
}

/* кнопки */
.sphere-btn-901{
    display:inline-block;
    padding:12px 28px;
    margin-top:-60px;
    color:#fff;               /* белый текст */
    text-decoration:none;
    font-weight:400;          /* обычный шрифт */
    border-radius:0;          /* убираем скругления */
    float:right;              /* кнопка справа */
}
.sphere-btn-901:hover{
    background:#15548f;       /* тёмный оттенок при наведении */
}
.sphere-btn-blue{background:#1f66b1;}
.sphere-btn-green{background:#179b4a;}
.sphere-btn-red{background:#c62828;}

/* адаптив */
@media(max-width:991px){
    .sphere-item-901{flex-direction:column;}
    .sphere-img-901{flex:unset;width:100%;}
}
.padding-new-ed {margin-top: 100px;}
.row>* {padding-left:0 !important;;padding-right:0 !important;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-left:0 !important;;padding-right:0 !important;}
.row {margin-left:0 !important;
margin-right:0 !important;}
/* ===== NAVBAR ===== */
.nav-wrap{
    position: fixed; inset-inline:0; top:0; z-index:1000;
}
.navbar-sheet{
    background:#fff; border-radius:0 0 15px 15px;
    box-shadow: 0 8px 30px rgba(0,0,0,.15);
    padding: .2rem .8rem;
    margin-top: 0;
}
.navbar .nav-link{ color:#222;font-size:16px !important;margin-right: 20px; }
.navbar .nav-link:hover{ color: var(--brand-orange); }

.btn-call{
    background:var(--brand-orange); color:#fff; border:none;
    padding:.55rem 1rem; border-radius:0;
}
.btn-call:hover{ background:var(--brand-orange);filter:brightness(.95); color:#fff; }

.social a{
    width:32px;height:32px; border-radius:50%;font-size:16px;
    display:inline-flex; align-items:center; justify-content:center;
    background:#1e66b1; color:white; text-decoration:none;
}
.social a:hover{ background:#e7eaef; }

/* ===== HERO ===== */
.hero{
    position:relative;  color:#fff; overflow:hidden;
    background: #111 url("../img/back1.jpg") center/auto no-repeat;

}
.padthai {
    padding: 12% 0 6% 0;
}
/* затемнение слева под текст */
.hero::before{
    content:""; position:absolute; inset:0;
    /*background: linear-gradient(90deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,.6) 40%, rgba(0,0,0,.2) 60%, rgba(0,0,0,0) 70%);
    */
    z-index:0;
}
/* оранжевая зона справа под диагональ */
.hero::after{
    content:""; position:absolute; inset:0;
    /* background: var(--brand-orange);*/
    mix-blend-mode: multiply;
    clip-path: polygon(65% 0%, 100% 0, 100% 100%, 78% 100%);
    opacity:.85;
    z-index:0;
}

.hero-inner{ position:relative; z-index:1; }

.lead-badge{
    display:inline-block;
    background:rgba(0,0,0,.45);
    border:1px solid rgba(255,255,255,.4);
    padding:.35rem .6rem; border-radius: 0; margin-bottom:1rem;
    font-size:.95rem;
}
h1.display{
    font-weight:400; font-size: 44px;
    letter-spacing:.2px; margin-bottom:.4rem;
    text-shadow:0 2px 6px rgba(0,0,0,.35);
}
.subcopy{
    max-width:60ch; opacity:.95; line-height:1.5;
    margin-bottom:1.25rem;font-size:16px;
}

/* ===== RIBBONS (косые ленточки) ===== */
.ribbons{ display:flex; gap:0; margin: 18px 0 26px; flex-wrap:wrap; }
.ribbon1 {
    position: relative;
    padding: 20px 0 0 42px;
    color: #fff;
    font-weight: 400;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
    clip-path: polygon(15% 0, 100% 0, 85% 100%, 0% 100%);
    white-space: normal;
    width: 310px;
    height: 80px;
    font-size: 14px;
    background-image: url('../img/rib1.png');
    background-size: cover;
    background-repeat: no-repeat;
}
.ribbon2{
    position: relative;
    padding: 10px 0 0 49px;
    color: #fff;
    font-weight: 400;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
    clip-path: polygon(15% 0, 100% 0, 85% 100%, 0% 100%);
    white-space: normal;
    width: 273px;
    height: 80px;
    font-size: 14px;
    background-image: url('../img/rib2.png');
    background-size: cover;
    background-repeat: no-repeat;margin-left: -30px;
}
#wd70 {padding-top:10%;}
.ribbon3{
    position: relative;
    padding: 20px 0 0 42px;
    color: #fff;
    font-weight: 400;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
    clip-path: polygon(15% 0, 100% 0, 85% 100%, 0% 100%);
    white-space: normal;
    width: 220px;
    height: 80px;
    font-size: 14px;
    background-image: url('../img/rib3.png');
    background-size: cover;
    background-repeat: no-repeat;margin-left: -30px;
}
.ribbon1.blue{ background: var(--brand-blue); }
.ribbon3.blue{ background: var(--brand-blue); }
.ribbon2.orange{ background: var(--brand-orange); }

/* ===== CTA buttons ===== */
.btn-outline-light-custom{
    border:2px solid rgba(255,255,255,.7); color:#fff; padding:.7rem 1rem;
    border-radius:0; background: transparent;
}
.btn-outline-light-custom:hover{ background:rgba(255,255,255,.08); color:#fff; }
.btn-orange{
    background:var(--brand-orange); color:#fff; border:none; padding:.7rem 1rem;
    border-radius:0;
}
.btn-orange:hover{ background:var(--brand-orange); }

/* ===== VIDEO CARD RIGHT ===== */
.video-card{
     transform:translateY(-15%);
    aspect-ratio: 16 / 9;
    width: 100%;
     border-radius:0;

    display:flex; align-items:center; justify-content:center;
}
.flexxx {
    display: flex;
    align-items: center;
    margin-top: 15%;
    flex-direction: column;
}
.video-card .vbtn{ background:var(--brand-orange); color:#fff; border:0; padding:.5rem 1.25rem; border-radius: 0; }

@media (max-width: 991.98px){
    .btn-orange {
        background: white;
        color: black;    width: fit-content;
        border: none;
        padding: .7rem 1rem;
        border-radius: 0;margin:auto;
    }
    .btn-outline-light-custom {
        border: 2px solid rgba(255, 255, 255, .7);
        color: #fff;
        padding: .7rem 1rem;
        border-radius: 0;
        background: transparent;
        width: fit-content;
        margin:auto;
    }
    .cap1 {
        margin-top: 330px;
        justify-content: center;        flex-direction: column;
    }
    .video-card{ position:static; transform:none; width:100%; height:303px; margin-top:24px; }
    .hero{ min-height:auto; padding-top:120px; padding-bottom:0px;background: #111 url("../img/Frame391.png") center/cover no-repeat; }
    .navbar .dropdown-menu{ border-radius:10px;border:none; }
}

body{ font-family: 'Montserrat', sans-serif; } /* отступ под фикс. шапку */
h1, h2, h3, h4, h5, h6 {
    font-family: 'kanit-cyrillic', sans-serif;
}
/* ==== СФЕРЫ ПРИМЕНЕНИЯ ==== */
.section-uses{
    position: relative;
    display:block;
    min-height: 760px;                /* рабочая высота для десктопов */
    font-family: 'Montserrat', sans-serif;
    overflow: hidden;
    /* фон — замени url(...) на свою картинку */
    background: #000 url("../img/application.webp") center/cover no-repeat;
}

/* оранжевый заголовок с косым краем */
.uses-head{
    position: absolute; top:0; left:0;
    padding: 22px 15% 22px 12%;
    background: var(--brand-orange, #F26027);
    color:#fff; font-weight:400; font-size: 44px;
    line-height:1;
    clip-path: polygon(0 0, 92% 0, 89% 50%, 86% 100%, 0 100%);
    z-index: 2;
    font-family: 'kanit-cyrillic', sans-serif;
}
.prod-use-caption-972 span{
    font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; line-height:1.2; color:#3f454b;
}
/* контейнер для пинов, чтобы позиционирование было от секции */
.uses-stage{
    position: absolute; inset: 0;
}

/* пин: позиционируется процентажем через кастом-переменные */
.use-pin{
    --top: 50%;
    --left: 50%;
    position: absolute;
    top: var(--top);
    left: var(--left);
    transform: translate(-50%, -50%);
    display: flex; align-items: center; gap: 30px;
    z-index: 1;
}
.hadden {display:none;}
/* квадратный маркер */
.use-pin .dot{
    width: 18px; height: 18px;
    background: var(--brand-blue, #1F66B1);
    border: 4px solid #fff;
    box-shadow: 0 4px 18px rgba(0,0,0,.25);
    position: relative;
}

/* линия-коннектор */
.use-pin .dot::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: 36px; /* длину можно регулировать */
    height: 2px;
    background: #fff;
    transform: translateY(-50%);
}
.use-pin .dot1{
    width: 18px; height: 18px;
    background: var(--brand-blue, #1F66B1);
    border: 4px solid #fff;
    box-shadow: 0 4px 18px rgba(0,0,0,.25);
    position: relative;
}
.p-band-908{background:#2D6FB0;color:#fff;border-radius:0;margin:18px 0 0;padding:30px 16px;}
.p-bag-908{max-width:220px;width:100%;height:auto;display:block;margin:0 auto;}
/* линия-коннектор */
.use-pin .dot1::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    width: 36px; /* длину можно регулировать */
    height: 2px;
    background: #fff;
    transform: translateY(-50%);
}
.ab-col-521.text {
    padding:0 40px 0 0;
}
.ab-col-521.text.is1 {
    padding:0 0 0 40px;
}
/* подпись-кнопка */
.use-pin .label{
    display: inline-flex; align-items: center; gap:12px;
    padding: 10px 16px;
    background: rgba(255,255,255,.92);
    color:#0f1720; text-decoration: none;
    border-radius: 0;
    box-shadow: 0 6px 24px rgba(0,0,0,.2);
    font-weight:500; font-size: 16px; white-space: nowrap;
    backdrop-filter: blur(2px);
}
.use-pin .label:hover{ background:#fff; color:#0f1720; }

.use-pin .chev{
    width: 10px; height: 10px; border-right: 2px solid #5b6775; border-top: 2px solid #5b6775;
    transform: rotate(45deg);
}

/* лёгкая адаптация для 1200–2440px */
@media (min-width: 1600px){
    .section-uses{ min-height: 960px; }
    .use-pin .label{ font-size: 16px; }
}
@media (max-width: 1199.98px){
    .section-uses{ min-height: 680px; }
    .use-pin .label{ font-size: 15px; }
}
/* ===== Почему выбирают (482) ===== */
.section-why-482{padding:64px 0 0;background:#fff;}
.section-why-484{padding:0 0 0 0;background:#fff;}
.why-top-482{margin-bottom:60px;}
.why-top-482 .p-482{max-width:960px;color:#5a6773;font-size:16px;line-height:1.55;}
.btn-more-482{
    background:#1F66B1;border:none;color:#fff;padding:12px 45px;
    border-radius: 0;box-shadow:0 6px 18px rgba(31,102,177,.35);
}
.btn-more-482:hover{background:#1F66B1;filter:brightness(.95);color:#fff;}

.why-box-482{
    background:#f2f3f5;border-radius:10px;padding:48px 0 32px;
}
.why-title-482{
    font-family:'kanit-cyrillic',sans-serif;
    font-weight:400;font-size:44px;line-height:1.1;
    color:#1b242d;margin-bottom:36px;
}

.why-item-482{display:flex;gap:18px;align-items:flex-start;margin-bottom:30px;}
/* иконка-заглушка */
.why-ico-482{
    width:44px;height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;
    color:#1F66B1;font-weight:400;font-size:16px;
}
.why-ico-482>img{
    width:100%;
}
.why-txt-482{color:#303a45;font-size:16px;line-height:1.45;}

.btn-cat-482{
    background:#F26027;border:none;color:#fff;padding:9px 60px;border-radius: 0;
    box-shadow:0 8px 22px rgba(242,96,39,.35);font-size:16px;
}

.btn-cat-482:hover{background:#F26027;filter:brightness(.95);color:#fff;}
.mat-21 {    justify-content: flex-end !important;    margin-top: 28%;
    }
@media (max-width:1199.98px){
    .why-box-482{padding:40px 0 28px;}

}
/* ==== Миссия компании (904) ==== */
.section-mission-904{
    position:relative; padding:64px 0 72px; color:#fff;
    background:#111 url('../img/mission-bg.png') center/cover no-repeat; /* замените фон */
}
.section-mission-904::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45);}
.mission-wrap-904{position:relative;z-index:1;}
.m-title-904{font-family:'kanit-cyrillic',sans-serif;font-weight:400;font-size:44px;line-height:1.15;margin-bottom:130px}

/* шаги слева */
.m-step-904{position:relative;margin-bottom:28px;max-width:560px}
.m-num-904{
    position:absolute;left: -41px;
    top: -49px;
    z-index: 2;
    width: 85px;
    height: 85px;
    border-radius: 0;
    background: var(--brand-orange, #F26027);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 42px;
    line-height: 1;
}
.m-card-904{
    background:rgba(255,255,255,.88);color:#2b323b;border-radius: 0;padding:47px 30px 46px 30px;
    box-shadow:0 10px 30px rgba(0,0,0,.25);backdrop-filter:blur(2px);font-size:14px;line-height:1.55
}
.prod-uses-grid-972-1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.prod-uses-grid-972-2 {
    display: grid;
    grid-template-columns: repeat(5, .7fr);
    gap: 24px;
    align-items: end;
}
/* карточки людей */
.m-person-904{
    position:relative;width:100%;aspect-ratio: 16/15;
    background: center/cover no-repeat;border-radius: 0;overflow:hidden;
    box-shadow:0 12px 36px rgba(0,0,0,.35);margin-bottom:28px;
}
.m-cap-904{position:absolute;left:0;right:0;bottom:0;height:96px;display:flex;align-items:stretch;}
.m-cap-905{position:absolute;left:0;right:0;bottom:0;height:96px;display:flex;align-items:stretch;}
/* синяя плашка с косым правым краем */
.m-cap-bar-904{
    flex:1;height:100%;color:#fff;
    clip-path:polygon(0 0, calc(100% - 86px) 0, 100% 50%, calc(100% - 86px) 100%, 0 100%);
    display:flex;align-items:center;padding:16px 20px 16px 20px
}
.m-cap-text-904 .name{font-weight:400;font-size:20px;line-height:1.15}
.m-cap-text-904 .role{font-weight:500;opacity:.92;font-size:15px;line-height:1.35}
.m-cap-bar-905{
    flex:1;height:100%;color:#fff;
    clip-path:polygon(0 0, calc(100% - 86px) 0, 100% 50%, calc(100% - 86px) 100%, 0 100%);
    display:flex;align-items:center;padding:16px 20px 16px 20px
}
.m-cap-text-905 .name{font-weight:400;font-size:20px;line-height:1.15}
.m-cap-text-905 .role{font-weight:500;opacity:.92;font-size:15px;line-height:1.35}
/* флаг с косым левым краем */
.m-flag-904{
    width:120px;flex:0 0 120px;height:100%;position:relative;overflow:hidden;
    clip-path:polygon(70px 0,100% 0,100% 100%,0 100%); /* косой ЛЕВЫЙ край */
}
.m-flag-kz-904{}      /* временная рыба, подмените на svg */
.m-flag-ru-904{}

/* чтобы svg-флаг целиком заполнял блок, когда подставите реальный файл */
.m-flag-904 img{width:100%;height:100%;object-fit:cover;display:block}

/* сетка 3 колонки на десктопе */
@media (min-width:1200px){
    .mission-row-904{display:grid;grid-template-columns:0.8fr 1.1fr 1.1fr;gap:32px;align-items:start}
}
/* ===== Экология (692) ===== */
.section-eco-692{padding:70px 0 60px;background:#fff;}
.eco-title-692{
    font-family:'kanit-cyrillic',sans-serif;font-weight:400;
    font-size:44px;line-height:1.15;
    color:#303a44;margin-bottom:22px;
}

/* сетка 4×2 под десктоп */
.eco-grid-692{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
}

/* карточки */
.eco-card-692{overflow:hidden;background:#F3F4F6;}
.eco-card-692.is-img{
    /* одинаковая высота с текстовыми картами */
    aspect-ratio:14/11; position:relative;
}
.eco-card-692.is-img img{
    position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
}

/* текстовые карточки */
.eco-card-692.is-text{
    aspect-ratio:14/11;
    display:flex; align-items:center; justify-content:flex-start;
    padding:30px 20px; background:#F1F3F5;
}
.eco-text-692{
    font:500 16px/1.6 'Montserrat',sans-serif;
    color:#4a545f; max-width:36ch; /* длина строки как в макете */
}

/* лёгкая подстройка под очень широкие/узкие десктопы */
@media (min-width:1600px){
    .eco-text-692{font-size:14px;max-width:40ch;}
}
@media (max-width:1360px){
    .eco-text-692{font-size:12px;}
}
/* ===== Отзывы (577) ===== */
.section-rev-577{padding:56px 0 80px;background:#f3f4f6;}
.rev-track-577{
    display:flex; gap:15px; overflow-x:auto; scroll-snap-type:x mandatory;
    padding:0 12px; scroll-padding:12px;
}
.rev-track-577::-webkit-scrollbar{height:10px}
.rev-track-577::-webkit-scrollbar-thumb{background:#cfd6df;border-radius:10px}
.rev-card-577{
    scroll-snap-align: start;
    flex: 0 0 calc((98% - 80px) / 3);
    background: #fff;
    border-radius: 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    padding: 28px;
    min-height: 400px;
}
@media (max-width:1399.98px){ .rev-card-577{flex-basis:calc((100% - 32px)/2);} }
@media (max-width:991.98px){ .rev-card-577{flex-basis:100%;} }
.eco-text-692{
    font:500 14px/1.6 'Montserrat',sans-serif;
    margin-bottom:0;
    color:#4a545f; max-width:100%; /* длина строки как в макете */
}
.rev-head-577{display:flex; gap:16px; align-items:flex-start; margin-bottom:10px;}
.rev-ava-577{width:56px; height:56px; border-radius:50%; object-fit:cover; flex:0 0 56px;}
.rev-name-577{font-weight:400; font-size:22px; line-height:1.1; color:#2a323b; margin:0;}
.rev-stars-577{color:#ffbf00; font-size:20px; letter-spacing:3px; margin-top:6px;}
.rev-date-577{color:#7c8793; font-size:14px; margin-top:2px;}

.rev-text-577{color:#3a4550; font-size:14px; line-height:1.65; margin-top:14px;}
/* сворачивание текста по макету */
.rev-text-577.clamp{
    display:-webkit-box; -webkit-line-clamp:10; -webkit-box-orient:vertical; overflow:hidden;
}

.rev-foot-577{display:flex; justify-content:flex-end; margin-top:12px;}
.rev-toggle-577{
    color:#606e7b; font-weight:400; font-size:16px; text-decoration:none; display:inline-flex; gap:8px; align-items:center;
}
.rev-toggle-577 .chev{display:inline-block; transition:transform .2s ease;}
.rev-card-577.open .rev-toggle-577 .chev{transform:rotate(180deg);}

/* навигация */
.rev-nav-577{display:flex; gap:18px; justify-content:center; margin-top:28px;}
.rev-btn-577{
    width:44px; height:44px; border-radius:50%; border:none; background:#1F66B1; color:#fff;
    display:inline-flex; align-items:center; justify-content:center;
    box-shadow:0 8px 22px rgba(31,102,177,.35);
}
.rev-btn-577:hover{filter:brightness(.95); color:#fff;}
/* СЕКЦИЯ + ФОН */
.section-quote-864{
    position:relative; padding:66px 0; color:#fff;
    background:#111 url('../img/form-bg.png') ;
    background-size:cover;
    overflow:hidden;
}
.section-quote-864::after{
    content:""; position:absolute; inset:0;

    pointer-events:none;
}
.section-quote-864 .container{position:relative; z-index:1;}

/* ТЕКСТ СЛЕВА */
.q-title-864{
    font-family:'kanit-cyrillic',sans-serif; font-weight:400;
    font-size:44px; line-height:1.05; margin:0 0 14px;
    text-shadow:0 2px 8px rgba(0,0,0,.35);
}
.q-sub-864{
    max-width:40ch; font:500 18px/1.6 'Montserrat',sans-serif; opacity:.95;
    text-shadow:0 1px 4px rgba(0,0,0,.25);
}

/* ИНПУТЫ СПРАВА (полупрозрачные как в макете) */
.q-input-864{
    background:rgba(255,255,255,.85); border:0; border-radius:2px;
    height:56px; padding:0 16px; font-size:16px; color:#1a1f25;
}
.q-input-864::placeholder{ color:#606b75; }
.q-input-864:focus{ box-shadow:0 0 0 3px rgba(255,255,255,.35); }

/* КНОПКИ */
.q-wa-864{
    background:#2f6eb0; color:#fff; border:none; height:56px; font-weight:400; font-size:16px;
    border-radius:2px; box-shadow:0 10px 24px rgba(47,110,176,.35);
}
.q-wa-864:hover{ background:#2f6eb0;filter:brightness(.95); color:#fff; }
.q-send-864{
    background:#F26027; color:#fff; border:none; height:56px; font-weight:400; font-size:16px;
    border-radius:2px; box-shadow:0 10px 24px rgba(242,96,39,.35);
}
.q-send-864:hover{ background:#F26027;filter:brightness(.95); color:#fff; }

/* ВАЛИДАЦИЯ */
.q-input-864.is-invalid{ box-shadow:0 0 0 3px rgba(242,96,39,.35); }
.invalid-feedback{ color:#ffe2d8; }
.uses-mob-423-usage{display:none;max-width:560px;margin:0 auto;padding-top:25%;} /* можно скрыть на десктопе при необходимости */
@media (max-width:991.98px){
    .section-quote-864::after{
        background:linear-gradient(180deg, rgba(0,0,0,.6) 0 55%, rgba(0,0,0,.25) 55% 100%);
    }
}

.footer-913{
    background:#f4f5f6; /* как на макете — светло-серый */
    padding:28px 0 22px;
    font-family:'Montserrat',sans-serif;
    color:#3a3f45;
}

/* сетка: три колонки */
.ft-grid-913{
           display: grid    ;
        grid-template-columns: 0.5fr 1fr 0.5fr 0.6fr;
        align-items: start;
        gap: 24px;
}

/* Лого */
.ft-logo-913{ height:56px; width:auto; display:block; }

/* Навигация (две колонки списков) */
.ft-nav-913 {
    display:grid;
    grid-template-columns: 1fr 1fr;
    column-gap:80px; row-gap:6px;
    justify-items:start;
}
.ft-list-913{ list-style:none; padding:0; margin:0; }
.ft-list-913 li{ margin:14px 0; }
.ft-list-913 a{
    text-decoration:none; color:#5b6167; font-weight:500;
}
.ft-list-913 a:hover{ color:#111; }

/* Правая колонка */
.ft-right-913{
    justify-self:end; text-align:right;
}
.ft-phone-913{
    text-decoration:none; color:#3a3f45; font-weight:500; display:inline-block; margin-bottom:8px;margin-top:15px;
}
.ft-phone-913:hover{ color:#111; }

.ft-soc-913{ margin:10px 0 12px; display:flex; gap:12px; justify-content:flex-end; }
.ft-soc-913 a{
    width:32px; height:32px; border-radius:50%;
    background:#F26027; color:#fff; display:inline-flex; align-items:center; justify-content:center;
    box-shadow:0 4px 10px rgba(242,96,39,.28);
}
.ft-soc-913 a:hover{ filter:brightness(.95); color:#fff; }
.velok {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-end;
    flex-wrap: wrap;
}
.dmn {
    display: flex;
    flex-direction: row;
}
.ft-copy-913{ color:#6e747a; font-size:14px; line-height:1.35;padding-top:15px;}
.ft-dev-913{ margin-top:10px; color:#6e747a; font-size:14px; }
.big-problem {display:flex;padding-left:15%;}
.big-problem1 {display:none;}
#why {display:block;}
.catalog-746{background:#f3f3f3;padding:136px 0 60px}
.cat-card-746{
    display:flex; gap:26px; align-items:center;
    position:relative; background:#fff; border-radius: 0;
    padding:28px 26px; text-decoration:none; color:#2b2f33;
    box-shadow:0 8px 26px rgba(0,0,0,.06);
    min-height:170px;max-width:90%;
}
.pd-123 {padding-bottom:5%;}
.p-band-list-908{display:flex;gap:28px;flex-wrap:nowrap;list-style:none;margin:0;padding:0;flex-direction: row;}
.cat-card-746:hover{box-shadow:0 10px 32px rgba(0,0,0,.08)}
.cat-bag-746{flex:0 0 140px}
.cat-bag-746 img{width:100%;height:auto;display:block;object-fit:contain}

.cat-body-746{flex:1; display:grid; grid-template-columns:1fr auto; gap:12px 16px; align-items: end;
    justify-items: start;}
.cat-title-746{grid-column:1/-1; margin:0; font-weight:400; font-size:22px}
.cat-text-746{margin:0; color:#5a6168; font-size:14px; line-height:1.5; max-width:520px;padding-bottom: 20%;}

/* круглая стрелка справа */
.cat-go-746 {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #2D6FB0;
    color: #fff;
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    box-shadow: 0 8px 18px rgba(45, 111, 176, .28);
    position: relative;
    bottom: 0;
    right: 0;
}
.cat-corner-746{
    position:absolute; top:0; right:0; width:0; height:0; border-style:solid;
    border-width:0 55px 55px 0; border-color:transparent var(--corner) transparent transparent;
    border-top-right-radius:4px;
}
.cat-go-746 .ico{font-size: 21px;
    transform: translateX(1px);
    padding-bottom: 2px;}
.cat-card-746:hover .cat-go-746{filter:brightness(.95)}
.p-band-title-908{font-weight:700;margin-bottom:8px;font-size:20px;margin-top:10px;}
/* цветной уголок */
.d-none-11 {display:none !important;}
.d-none-1 {display:flex !important;}
.d-none-2 {display:none  !important;}
.d-none-22 {display:none  !important;}
.cat-card-746::after{ /* тонкая серая линия справа как в макете */
    content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:#e7e9ec;
}
.mobic-1 {padding-left:0;}
@media (max-width:991.98px){
    .mobic-1 {padding-left:3%;}
    .cat-card-746{padding:10px; gap:12px;margin-bottom: 5%;max-width:100%;}
    .cat-bag-746{flex:0 0 90px}
    .cat-title-746{font-size:16px}
    .why-txt-482{font-size:14px;}
    .social a {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        font-size: 19px;
        display: inline-flex    ;
        align-items: center;
        justify-content: center;
        background: #1e66b1;
        color: white;
        text-decoration: none;
    }
    .why-ico-482>img {
        width: 85%;
    }
    .why-item-482 {
        display: flex;
        gap: 18px;
        align-items: center;
        margin-bottom: 15px;
    }
}
/* Адаптив */
@media (max-width:1199.98px){
    .ft-grid-913{ grid-template-columns: 1fr 1fr; grid-template-areas:
      "logo nav"
      "right right"; row-gap:18px; }
    .ft-left-913{ grid-area:logo; }
    .ft-nav-913{ grid-area:nav; justify-self:start; }
    .ft-right-913{ grid-area:right; justify-self:stretch; text-align:left; }
    .ft-soc-913{ justify-content:flex-start; }
}
@media (max-width:967.98px){
    .ab-col-521.text {
        padding: 0;
    }
    .ab-col-521.text.is1 {
        padding:0 0 0 0;
    }
    .catalog-746 {
        background: #f3f3f3;
        padding: 100px 0 60px;
    }
    .cat-text-746 {
        margin: 0;
        color: #5a6168;
        font-size: 12px;
        line-height: 1.5;
        max-width: 520px;
        padding-bottom: 20%;
    }
    .dmn {
        display: flex;
        flex-direction: column;
    }
    .navbar-sheet {
        background: #fff;
        border-radius: 15px;
        box-shadow: 0 8px 30px rgba(0, 0, 0, .15);
        padding: .2rem .8rem;
        margin-top: 15px;
    }
    .p-band-908{background:#2D6FB0;color:#fff;border-radius:0;margin:18px 0 0;padding:30px 0;}
    .cat-go-746 {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: #2D6FB0;
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 8px 18px rgba(45, 111, 176, .28);
        position: absolute;
        bottom: 20px;
        right: 20px;
    }
    .flexxx {
        display: flex
    ;
        align-items: center;
        margin-top: 5%;
        flex-direction: column;
    }
    .ribbon1 {
        position: relative;
        padding: 10px 0 0 43px;
        color: #fff;
        font-weight: 400;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
        clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);
        white-space: normal;
        width: 317px;
        height: 60px;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .btn-cat-482{
        background:#F26027;border:none;color:#fff;padding:9px 44px;border-radius: 0;
        box-shadow:0 8px 22px rgba(242,96,39,.35);font-size:14px;
    }
    .q-send-864{
        background:#F26027; color:#fff; border:none; height:56px; font-weight:400; font-size:14px;
        border-radius:2px; box-shadow:0 10px 24px rgba(242,96,39,.35);
    }
    .ribbon2 {
        position: relative;
        padding: 8px 0 0 60px;
        color: #fff;
        font-weight: 400;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
        clip-path: polygon(10% 0, 100% 0, 90% 80%, 0% 80%);
        white-space: normal;
        width: 316px;
        height: 75px;
        font-size: 14px;
    }
    .ribbon3 {
        position: relative;
        padding: 12px 0 0 60px;
        color: #fff;
        font-weight: 400;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
        clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);
        white-space: normal;
        width: 319px;
        height: 65px;
        font-size: 14px;
    }
    .ft-grid-913{ grid-template-columns:1fr; }
    .ft-nav-913{ grid-template-columns:1fr 1fr; column-gap:40px; }
    .ft-logo-913{ height:48px; }
    .m-num-904{
        position:absolute;left:-22px;top:50px;z-index:2;width:55px;height:55px;border-radius: 0;
        background:var(--brand-orange,#F26027);display:flex;align-items:center;justify-content:center;
        font-weight:400;font-size:42px;line-height:1;
    }
    .row {
        --bs-gutter-x: 0 !important;
        --bs-gutter-y: 0 !important;
        display: flex;
        flex-wrap: wrap;
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .dongo-1 {
        margin-left: 60px;
    }
    .p-band-list-908 {
        display: flex;
        gap: 28px;
        flex-wrap: nowrap;
        list-style: none;
        margin: 0;
        padding: 0;
        flex-direction: column;
        font-size:14px;
    }
    .d-none-1 {display:none  !important;}
    .d-none-2 {display:flex  !important;}
    .d-none-22 {display:flex  !important;flex-direction: column;}
    .dongo-2 {
        margin-left: 15px;
    }
    .section-eco-692 {
        padding: 30px 0 60px;
        background: #fff;
    }

    .m-title-904{font-family:'kanit-cyrillic',sans-serif;font-weight:400;font-size:20px;line-height:1.15;margin-bottom:34px}

    .dongo-3 {
        margin-left: -24px;
        margin-top: -6px;
    }
    .ft-nav-913 {
        display:grid;
        grid-template-columns: 1fr;
        column-gap:80px; row-gap:0;
        justify-items:start;
    }
    .pfm-1 {
        padding-left:6%;
        padding-right:6%;
    }
    .hadden {display:block;}
    .ribbon {
        position: relative;
        padding: 20px 0 0 24px;
        color: #fff;
        font-weight: 400;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
        clip-path: polygon(8% 0, 100% 0, 92% 100%, 0% 100%);
        white-space: normal;
        width: 268px;
        height: 80px;
        font-size: 13px;
        margin-bottom: 14px;
    }
    .bastard {padding-top:0 !important;padding-bottom: 0 !important;}
    .big-problem {display:none;}
    .big-problem1 {display:flex;}
    .uses-head {
        position: absolute;
        top: 0;
        left: 0;
        padding: 22px 15% 22px 12%;
        background: var(--brand-orange, #F26027);
        color: #fff;
        font-weight: 400;
        font-size: 26px;
        line-height: 1;
        clip-path: none;
        z-index: 2;
        font-family: 'kanit-cyrillic', sans-serif;
        width: 100%;
    }
    h1.display{
        font-weight:400; font-size: 35px;
        letter-spacing:.2px; margin-bottom:.4rem;
        text-shadow:0 2px 6px rgba(0,0,0,.35);
    }
    .section-uses {
        display:none;
    }
    /* Секция и шапка */
    .uses-mob-423{background:#fff;color:#10202a;font-family:'Montserrat',sans-serif;}
    .uses-head-423{
        background:#F26027;color:#fff;font-weight: 400;
        font-family:'kanit-cyrillic',sans-serif; font-size:20px; line-height:1; padding:23px 18px;
    }

    /* Картинка */
    .uses-figure-423{position:relative;margin:0;}
    .uses-img-423{width:100%;height:auto;display:block;}

    /* Пины на фото */
    .pin-423{
        --size: 30px;
        position:absolute; top:var(--t); left:var(--l); transform:translate(-50%,-50%);
        width:var(--size); height:var(--size); border:3px solid #fff; border-radius:0;
        background:#2D6FB0; display:flex; align-items:center; justify-content:center;
        box-shadow:0 10px 22px rgba(0,0,0,.25);
        text-decoration:none;
    }
    .pin-423 span{color:#fff;font-weight:400;font-size:20px;line-height:1;}
    .pin-423:active{transform:translate(-50%,-50%) scale(.98);}
    .why-title-482 {
        font-family: 'kanit-cyrillic', sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 1.1;
        color: #1b242d;
        margin-bottom: 36px;
    }
    /* Список */
    .container{padding:0 20px !important;}
    .uses-list-423{
        list-style:none; padding:24px 0 8px; margin:0;
        display:grid; grid-template-columns:1fr; gap:18px; /* строго мобильная компоновка */
    }
    .hz-1 {
        display: flex;
        flex-direction: row;justify-content: space-between;
    }
    #wd70 {padding-top:30%;}
    .uses-list-423 li a {
        display: grid;
        grid-template-columns: 29px 158px 1fr;
        align-items: center;
        gap: 8px;
        text-decoration: none;
        color: #19303f;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.15;
    }
    .prod-uses-grid-972-2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
    .navbar {flex-wrap: wrap;}
    .velok {
        display: none;
        flex-direction: column;
        align-items: flex-start;
        align-content: flex-end;
        flex-wrap: wrap;
    }
    .uses-list-423 li i{
        display:inline-flex; align-items:center; justify-content:center;
        width:30px; height:30px; border-radius:0; background:#2D6FB0; color:#fff;
        font-style:normal; font-weight:400; font-size:16px;
        box-shadow:0 8px 18px rgba(45,111,176,.28);
    }
    .m-card-904{
        background: rgba(255, 255, 255, .88);
        color: #2b323b;
        border-radius: 0;
        padding: 40px 33px 27px 46px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
        backdrop-filter: blur(2px);
        font-size: 14px;
        line-height: 1.55;
    }
    .uses-note-423{
        margin:18px 0 18px; color:#495661; font-weight:400; font-size:14px; line-height:1.5;
    }
    .uses-more-423{
        display: block;
        text-align: center;
        background: #2D6FB0;
        color: #fff;
        text-decoration: none;
        font-weight: 400;
        border-radius: 0;
        padding: 10px 37px;
        font-size: 14px;
        box-shadow: 0 12px 28px rgba(45, 111, 176, .35);
        width: fit-content;
        margin: 30px auto 50px auto;
    }
    .q-title-864{
        font-family:'kanit-cyrillic',sans-serif; font-weight:400;
        font-size:35px; line-height:1.05; margin:0 0 14px;
        text-shadow:0 2px 8px rgba(0,0,0,.35);
    }
    .p-band-title-908{font-weight:700;margin-bottom:8px;font-size:20px;margin-top:10px;}
    .p-bag-908 {
        max-width: 110px;
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
        float: left;
    }
    .prod-use-img-972{width:100%; aspect-ratio: 16/7; display:flex; align-items:center; justify-content:center}
    .prod-use-img-972 img{
        max-width:78%; max-height:78%; object-fit:contain; display:block;
        filter: drop-shadow(0 10px 22px rgba(0,0,0,.08));
    }
    .eco-title-692{
        font-family:'kanit-cyrillic',sans-serif;font-weight:400;
        font-size:20px;line-height:1.15;
        color:#303a44;margin-bottom:22px;
    }
    .sphere-btn-901 {
        display: block;
        padding: 12px 28px;
        color: #fff;
        text-decoration: none;
        font-weight: 400;
        border-radius: 0;
        float: none;
        text-align: center;
        margin-top: 40px;
    }
    #why {display:none;}
    .uses-mob-423{display:block;max-width:560px;margin:0 auto;} /* можно скрыть на десктопе при необходимости */
    .uses-mob-423-usage{display:block;max-width:100%;margin:0 auto;padding-top:13%;} /* можно скрыть на десктопе при необходимости */
    /* На всякий случай ограничим показ блока именно на мобайле */
    .mat-21 {    justify-content: center !important;margin-top: 15%;margin-right: 0;}
    .eco-grid-692 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
    }
    .p-bag-908 {
        max-width: 120px;
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    .prod-use-img-972 {
        width: 100%;
        aspect-ratio: 16 / 9;
        display: flex
    ;
        align-items: center;
        justify-content: center;
    }
    .prod-use-caption-972 span{
        font-family:'Montserrat',sans-serif; font-weight:400; font-size:12px; line-height:1.2; color:#3f454b;
    }
    .eco-text-692 {font-size:13px;}
    .q-wa-864 {
        background: #2f6eb0;
        color: #fff;
        border: none;
        height: 68px;
        font-weight: 500;
        font-size: 13px;
        border-radius: 2px;
        box-shadow: 0 10px 24px rgba(47, 110, 176, .35);
    }

}
@media (min-width: 768px){
    .uses-mob-423{display:none;max-width:560px;margin:0 auto;}

}
.product-908{padding:24px 0 48px;background:#fff;font-family:'Montserrat',sans-serif;}

.p-title-908{font-family:'kanit-cyrillic',sans-serif;font-weight:400;font-size:32px;line-height:1.15;margin-bottom:8px;color:#2a2f34}
.p-lead-908{font-weight:400;color:#3b434b;margin-bottom:12px}
.p-note-908{color:#4c5761;margin-bottom:14px}

.p-buy-908{
    background:#2D6FB0;color:#fff;font-weight:400;border:none;border-radius:0;padding:10px 16px;
}
.p-buy-908:hover{background:#2D6FB0;filter:brightness(.95);color:#fff;}
.p-pdf-908{
    background:#fff;border:2px solid #2D6FB0;color:#2D6FB0;font-weight:400;border-radius:0;padding:8px 16px;
}
.p-pdf-908:hover{background:#f4f8fd;color:#2D6FB0;}

.p-uses-908{margin-top:8px}
.p-uses-h-908{font-weight:400;color:#2b2f33;margin-bottom:10px}
.use-tile-908{
    display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:10px;
    text-decoration:none;background:#fff;border-radius:0;padding:6px 10px;border:1px solid #e8ebef;color:#2b3240;
}
.use-tile-908 img{width:64px;height:64px;object-fit:contain}
.use-tile-908 span{font-weight:400}
.use-tile-908 .chev-908{
    width:26px;height:26px;border-radius:50%;border:2px solid #2D6FB0;display:inline-block;position:relative;
}
.use-tile-908 .chev-908::after{
    content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-right:2px solid #2D6FB0;border-top:2px solid #2D6FB0;transform:translate(-60%,-50%) rotate(45deg);
}

/* blue features band */



.p-band-list-908 li{display:flex;align-items:center;gap:10px;font-weight:400;font-size:16px;}
.ico-908{width:24px;height:24px;display:block;color:#fff;opacity:.95}

/* spec */
.p-spec-908{padding-top:16px}
.p-dl-908{margin:0}
.p-row-908{padding:14px 0;border-bottom:1px solid #e1e6eb;font-size:16px;}
.p-row-908:last-of-type{border-bottom:none}
.p-row-908 dt{font-weight:400;color:black}
.p-row-908 dd{margin:0;font-weight:400;color:black}
.p-sep-908{border: 0;
    border-top: 3px solid #2285ff;
    margin: 12px 0;
    width: 100%;
    display:flex;
}
.p-foot-908{color:black;font-weight:400;padding-top:4px;font-size:16px;display:flex;}
/* Контакты (742) */
.contacts-742{
    background:#f5f6f7;           /* как на макете — светлый фон */
padding-left:0;
padding-right:0;
    font-family:'Montserrat',sans-serif;
    padding-top:10%;
    padding-bottom:7%;
}
.contacts-wrap-742{
    max-width:1320px; margin:0 auto;
    display:grid; grid-template-columns:1fr 1.1fr; gap:48px;
    align-items:center;
}

/* список контактов слева */
.contacts-list-742{list-style:none; margin:0; padding:0}
.contacts-list-742 li{
    display:flex; align-items:flex-start; gap:14px;
    color:black; font-weight:400; font-size:16px;
    line-height:1.45; margin:18px 0;
}
.map-link-742{color:#6b7a86; text-decoration:none}
.map-link-742:hover{text-decoration:underline}
.mail-742{color:black; text-decoration:none}
.mail-742:hover{text-decoration:underline}

/* оранжевые круглые иконки */
.ico-742{
    width:28px; height:28px; border-radius:50%;
    display:inline-flex; align-items:center; justify-content:center;
    background:#EC6630; flex:0 0 28px;
    box-shadow:0 4px 12px rgba(236,102,48,.25);
}
.ico-742 svg{width:18px; height:18px; display:block}

/* карта справа */
.contacts-map-742{
    position:relative; width:100%;
    aspect-ratio: 16 / 9;         /* пропорции как на макете */
    border-radius:4px; overflow:hidden;

}

.map-placeholder-742{
    position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
    color:#8d8d8d; font-weight:600; letter-spacing:.02em;
}

/* адаптив */
@media (max-width: 992px){
    .contacts-wrap-742{grid-template-columns:1fr; gap:24px}
    .contacts-map-742{aspect-ratio: 3 / 2;}
    /* Контакты (742) */
    .contacts-742{
        background:#f5f6f7;
        padding-left:20px;
        padding-right:20px;/* как на макете — светлый фон */
padding-bottom: 7%;
        font-family:'Montserrat',sans-serif;
        padding-top:25%
    }
}
@media (max-width:991.98px){
    .p-title-908{font-size:20px;padding-top:5%;}
}
/* карта справа */
.contacts-map-742{
    position:relative; width:100%;
    aspect-ratio: 16 / 9;         /* пропорции как на макете */
    background:#ddd; border-radius:4px; overflow:hidden;

}
.btn {
    --bs-btn-font-size: 16px;
}
/* ===== Сферы применения (972) ===== */
.prod-uses-972{margin-top:14px}
.prod-uses-title-972{
    font-weight:400; color:#2b2f33; margin-bottom:10px; /* как на скрине */
}

/* сетка 5 в ряд */
.prod-uses-grid-972{
    display:grid; grid-template-columns:repeat(5,1fr); gap:24px;
}
@media (max-width:991.98px){ .prod-uses-grid-972{grid-template-columns:repeat(2,1fr);} }


/* плитка: большая картинка сверху, подпись снизу */
.prod-use-972{display:block; text-decoration:none; color:#3a4148}
.prod-use-img-972{width:100%; aspect-ratio: 16/11; display:flex; align-items:center; justify-content:center}
.prod-use-img-972 img{
    max-width:78%; max-height:100%; object-fit:contain; display:block;
    filter: drop-shadow(0 10px 22px rgba(0,0,0,.08));
}

/* строка подписи + иконка */
.prod-use-caption-972{display:flex; align-items:flex-end; gap:2px; margin-top:8px;justify-content: space-evenly;}

.go-972{
    width:24px; height:24px; flex:0 0 24px; border-radius:50%; background:#2D6FB0; position:relative;
    box-shadow:0 8px 18px rgba(45,111,176,.28);
}
.go-972::after{
    content:""; position:absolute; top:50%; left:43%;
    width:7px; height:7px; border-right:2px solid #fff; border-top:2px solid #fff;
    transform:translate(-45%,-50%) rotate(45deg);
}
.prod-use-972:hover .go-972{filter:brightness(.95)}
/* ===== base ===== */
.partner-8643{font-family:'Montserrat',sans-serif;color:#3b4046;padding-top:7%;}

/* top */
.p-top-8643{
    display:grid; grid-template-columns: 360px 1fr; gap:28px;
    padding:22px 0; background:#fff;align-items: center;
}
.p-top-img-8643 img{width:100%; height:auto; display:block; }
.p-kicker-8643{margin:0 0 8px; font-weight:700; font-size:18px}
.p-lead-8643{margin:0 0 14px; color:black; font-weight:400}
.p-sub-8643{margin:10px 0 8px; font-weight:700; font-size:18px}
.p-list-8643{list-style:none; padding:0; margin:0 0 10px}
.p-list-8643 li{
    position:relative; padding-left:16px; margin:6px 0; color:black; line-height:1.5;
}
.p-list-8643 li::before{
    content:""; position:absolute; left:0; top:0.72em; width:6px; height:6px;
    border-radius:50%; background:#EC6630; transform:translateY(-50%);
}
.p-link-8643{color:#1F66B1; text-decoration:none; font-weight:600}

ul.ft-list-913 li:last-child {
    margin: 14px 0 0 !important;
}
/* strip */
.p-strip-8643{
    margin-top:18px; background:#000 url('../img/partners-2.png') center/cover no-repeat;
    color:#fff;
}
.p-strip-inner-8643{
    display:grid; grid-template-columns: 235px 1fr; gap:20px;align-items: center;
    padding:45px 0;

}
.p-strip-title-8643{
    font-family:'kanit-cyrillic',sans-serif; font-weight:400; font-size:28px; line-height:1.05;
}
.p-strip-cards-8643{display:grid; grid-template-columns: repeat(2,1fr); gap:22px;align-items: center;}
.p-card-8643{
    display:grid; grid-template-columns: 64px 1fr; gap:14px; align-items: center;
    color:#fff;
}
.p-num-8643{
    width:70px; height:70px; background:#F26027; color:#fff;
    display:flex; align-items:center; justify-content:center;
    font-family:'kanit-cyrillic',sans-serif; font-size:55px; font-weight:400;
    box-shadow:0 8px 20px rgba(242,96,39,.35);
}
.p-card-text-8643{line-height:1.45;padding-left:20px;}

/* benefits */
.p-benefits-8643{padding:45px 0 55px; background:#fff}
.p-benef-title-8643{
    font-family:'kanit-cyrillic',sans-serif; font-weight:400; font-size:30px; margin:0 0 18px;
}
.p-benef-grid-8643{display:grid; grid-template-columns: repeat(3,1fr); gap:26px}
.p-benef-item-8643{display:grid; grid-template-columns: 36px 1fr; gap:10px;align-items: center;}
.p-benef-n-8643{
    width:28px; height:28px; color:#F26027; font-family:'kanit-cyrillic',sans-serif;
    font-weight:400; font-size:60px; line-height:28px; text-align:center;
}
.p-benef-text-8643{color:#4e565e; line-height:1.45}

/* responsive */
@media (max-width: 992px){
    .p-sep-908{border: 0;
        border-top: 3px solid #2285ff;
        margin: 12px 0;
        width: 100%;
        display:none;
    }
    .product-908{padding:24px 0 0;background:#fff;font-family:'Montserrat',sans-serif;}
    .p-foot-908{color:black;font-weight:400;padding-top:4px;font-size:14px;display:none;}
    .p-row-908{padding:14px 0;border-bottom:1px solid #e1e6eb;font-size:14px;}
    .p-top-8643{grid-template-columns:1fr}
    .p-strip-inner-8643{grid-template-columns:1fr}
    .p-strip-cards-8643{grid-template-columns:1fr}
    .p-benef-grid-8643{grid-template-columns:1fr}
    .partner-8643{font-family:'Montserrat',sans-serif;color:#3b4046;padding-top:25%;}
}
.about-block-521 {

    margin: 0 auto;
    padding: 135px 0 60px;
    font-family: 'Montserrat', sans-serif;
}

.ab-row-521 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    margin-bottom: 0;
    align-items: center;
}

.ab-col-521.text h2 {
    font-family: 'kanit-cyrillic', sans-serif;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 16px;
}

.ab-col-521.text p {
    font-size: 16px;
    line-height: 1.6;
    color: black;
}

.ab-col-521.img img {
    width: 100%;
    height: auto;

    display: block;
}

/* Мобильная версия */
@media (max-width: 991px) {
    .ab-row-521 {
        grid-template-columns: 1fr;
    }

    /* сначала картинка, потом текст */
    .ab-col-521.img {
        order: 1;
    }
    .ab-col-521.text {
        order: 2;
    }
}
/* ===== базовые переменные */
:root{
    --m991-orange:#E6672F;     /* оранжевая плашка */
    --m991-blue:#2B66B2;       /* синий блок */
    --m991-text:#3c4248;
    --m991-muted:#6a727a;
    --m991-card:#F3F5F7;
    --m991-head:#1D68B8;
    --m991-radius:8px;
    --m991-shadow:0 10px 24px rgba(0,0,0,.06);
	--bs-body-font-size: 16px !important;
}
.mission-m991{font-family:'Montserrat',sans-serif;color:var(--m991-text);}

/* ===== оранжевая полоса */
.m991-topbar{
    background:var(--m991-orange);
    color:#fff;
    display:grid;
    grid-template-columns: 41% 1fr;
    gap:24px;
    padding:28px 32px 22px;
    align-items: center;
}
.m991-topbar__title{
    font-family:'Montserrat',sans-serif;
    font-weight:700;
    font-size:40px;
    line-height:1.05;
}
.m991-topbar__text{
    font-weight:400;
    line-height:1.45;
    max-width:670px;
}

/* ===== фото + текст */
.m991-intro{
    display:grid; grid-template-columns: 500px 1fr; gap:70px;
    padding:28px 32px 18px;
    align-items:start;
}
.m991-intro__photo{position:relative}
.m991-intro__photo img{width:100%; height:auto; display:block; box-shadow:var(--m991-shadow);}
.m991-intro__caption{
    position:absolute; left:8px; bottom:8px; color:#fff; font-weight:700;
    text-shadow:0 2px 6px rgba(0,0,0,.35); line-height:1.1;
}
.m991-intro__title{
    font-family:'kanit-cyrillic',sans-serif; font-size:36px; font-weight:400; margin:0 0 10px;
}
.m991-p{color:black; line-height:1.55; margin:0 0 10px;font-size:16px;}
.m991-p--kicker{color:black; font-weight:700; margin-top:4px}
.m991-list{margin:0; padding:0 0 0 18px}
.m991-list li{margin:4px 0; color:black;}

/* ===== синяя цитата */
.m991-quote{
    background:var(--m991-blue);
    color:#fff;
    display:grid; grid-template-columns: 1fr;
    align-items:center;
    gap:18px;
    padding:30px 24px;
    margin-top:14px;
}
.m991-quote__inner{
    font-weight:700; line-height:1.45; text-align:center;
}
.m991-quote__mark{

    font-size:80px; line-height:1; opacity:.9; user-select:none;
}
.m991-quote__mark--l{justify-self:start}
.m991-quote__mark--r{justify-self:end}

/* ===== присоединиться */
.m991-join{padding:26px 32px 30px}
.m991-join__title{
    font-family:'kanit-cyrillic',sans-serif; font-size:32px; font-weight:400; margin:0 0 18px;
}
.m991-cards{
    display:grid; grid-template-columns: repeat(3,1fr); gap:18px;
}
.m991-card{
    background:var(--m991-card);
    border-radius:var(--m991-radius);
    padding:18px 18px 20px;
    text-decoration:none; color:inherit;
    box-shadow:var(--m991-shadow);
}
.m991-card__head{
    font-weight:700; color:var(--m991-head); margin-bottom:10px;
}
.m991-card__head--blue{
    background:#EAF2FE; border-radius:6px; padding:8px 10px; display:inline-block;
}
.m991-card__text{color:var(--m991-muted); line-height:1.45}
.m991-join__note{
    color:#8a8f95; font-size:13px; margin-top:18px;
}

/* ===== адаптив */
@media (max-width: 1100px){
    .m991-intro{grid-template-columns: 360px 1fr}
}
@media (max-width: 900px){
    .ab-col-521.text h2 {
        font-family: 'kanit-cyrillic', sans-serif;
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 16px;
    }
    .m991-topbar__title {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 20px;
        line-height: 1.05;
    }
    .m991-intro__title{
        font-family:'kanit-cyrillic',sans-serif; font-size:20px; font-weight:400; margin:0 0 10px;
    }
    .m991-p{color:black; line-height:1.55; margin:0 0 10px;font-size:14px;}
    .ab-col-521.text p {
        font-size: 14px;
        line-height: 1.6;
        color: black;
    }
    .cat-corner-746 {
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 30px 30px 0;
        border-color: transparent var(--corner) transparent transparent;
        border-top-right-radius: 4px;
    }
	.q-sub-864 {
    max-width: 40ch;
    font: 500 16px / 1.6 'Montserrat', sans-serif;
    opacity: .95;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .25);
}

	.section-quote-864 {
    position: relative;
    padding: 33px 0;
    color: #fff;
    background: #111 url(../img/form-bg.png);
    background-size: cover;
    overflow: hidden;
}
    .m991-topbar{grid-template-columns:1fr}
    .m991-intro{grid-template-columns:1fr; gap:18px}
    .m991-intro__title{font-size:20px}
    .m991-quote{grid-template-columns: 1fr;}
    .m991-cards{grid-template-columns:1fr}
}
@media (min-width: 760px) and (max-width: 960px) {
    .m991-quote>img {width:55% !important;margin:auto;}
    .big-problem1 {top:660px !important;}
    .mat-21 {
        justify-content: center !important;
        margin-top: 5%;
        margin-right: 0;
    }
    .eco-card-692.is-img {
        aspect-ratio: 14 / 3;
        position: relative;
    }
    .eco-card-692.is-text {
        aspect-ratio: 14 / 3;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 30px 20px;
        background: #F1F3F5;
    }
}
@media (min-width: 960px) and (max-width: 1199px) {
    .navbar .nav-link{ color:#222;font-size:12px !important;margin-right: 0; }
    .social a{
        width:24px;height:24px; border-radius:50%;font-size:12px;
        display:inline-flex; align-items:center; justify-content:center;
        background:#1e66b1; color:white; text-decoration:none;
    }
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1025px;
    }
    .ribbon1 {
        position: relative;
        padding: 20px 0 0 33px;
        color: #fff;
        font-weight: 400;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
        clip-path: polygon(15% 0, 100% 0, 85% 100%, 0% 100%);
        white-space: normal;
        width: 249px;
        height: 72px;
        font-size: 11px;
        background-image: url(../img/rib1.png);
        background-size: cover;
        background-repeat: no-repeat;
    }
    .ribbon2 {
        position: relative;
        padding: 10px 0 0 41px;
        color: #fff;
        font-weight: 400;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
        clip-path: polygon(15% 0, 100% 0, 85% 100%, 0% 100%);
        white-space: normal;
        width: 214px;
        height: 72px;
        font-size: 12px;
        background-image: url(../img/rib2.png);
        background-size: cover;
        background-repeat: no-repeat;
        margin-left: -30px;
    }

    .ribbon3 {
        position: relative;
        padding: 20px 0 0 32px;
        color: #fff;
        font-weight: 400;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
        clip-path: polygon(20% 0, 100% 0, 82% 100%, 2% 100%);
        white-space: normal;
        width: 185px;
        height: 72px;
        font-size: 12px;
        background-image: url(../img/rib3.png);
        background-size: cover;
        background-repeat: no-repeat;
        margin-left: -30px;
    }
    .subcopy {
        max-width: 60ch;
        opacity: .95;
        line-height: 1.5;
        margin-bottom: 1.25rem;
        font-size: 14px;
    }
    .btn-call {
        background: var(--brand-orange);
        color: #fff;
        border: none;
        padding: .55rem 1rem;
        border-radius: 0;
        font-size: 12px;
    }
    .why-top-482 .p-482 {
        max-width: 600px;
        color: #5a6773;
        font-size: 16px;
        line-height: 1.55;
    }
    .why-title-482 {
        font-family: 'kanit-cyrillic', sans-serif;
        font-weight: 400;
        font-size: 27px;
        line-height: 1.1;
        color: #1b242d;
        margin-bottom: 36px;
    }
    .m-step-904 {
        position: relative;
        margin-bottom: 28px;
        max-width: 450px;
    }
    .eco-text-692 {
        font: 500 12px / 1.6 'Montserrat', sans-serif;
        color: #4a545f;
        max-width: 36ch;
    }

    .sphere-title-901 {
        font-family: 'kanit-cyrillic', sans-serif;
        font-weight: 400;
        font-size: 24px;
        margin: 0 0 12px;
    }

    .ft-soc-913 a {
        width: 24px;
        height: 24px;
        font-size:12px;
        border-radius: 50%;
        background: #F26027;
        color: #fff;
        display: inline-flex
    ;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 10px rgba(242, 96, 39, .28);
    }
    .ft-grid-913 {
        grid-template-columns: 0.6fr 0.7fr 0.5fr 0.5fr;
        grid-template-areas:
        "logo nav left right";
        row-gap: 18px;
    }
    .p-band-list-908 li {
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 400;
        font-size: 12px;
    }
    .p-row-908 dd {
        margin: 0;
        font-weight: 400;
        color: black;font-size: 12px;
    }
    .btn {
        --bs-btn-font-size: 12px;
    }
    .p-benef-title-8643 {
        font-family: 'kanit-cyrillic', sans-serif;
        font-weight: 400;
        font-size: 27px;
        margin: 0 0 18px;
    }
    .cat-title-746 {
        grid-column: 1 / -1;
        margin: 0;
        font-weight: 400;
        font-size: 18px;
    }
    .use-pin .label {
        font-size: 12px;
    }
    .ft-dev-913 {
        margin-top: 10px;
        color: #6e747a;
        font-size: 12px;
    }
    .ft-copy-913 {
        color: #6e747a;
        font-size: 12px;
        line-height: 1.35;
        padding-top: 15px;
    }
    .sphere-img-901 {
        flex: 0 0 35%;
    }
    .dropdown-item {
        display: block;
        width: 100%;

        clear: both;
        font-weight: 400;
        font-size:12px;
        text-align: inherit;
        text-decoration: none;
        white-space: nowrap;
        background-color: transparent;
        border: 0;

    }
    .cat-bag-746 {
        flex: 0 0 120px;
    }
    .cat-go-746 .ico {
        font-size: 22px;
        margin-left: 1px;
        transform: translateY(-2px);
    }
    .cat-text-746 {
        margin: 0;
        color: #5a6168;
        font-size: 12px;
        line-height: 1.5;
        max-width: 520px;
        padding-bottom: 20%;
    }
    .cat-card-746 {
        display: flex;
        gap: 26px;
        align-items: center;
        position: relative;
        background: #fff;
        border-radius: 0;
        padding: 16px 14px;
        text-decoration: none;
        color: #2b2f33;
        box-shadow: 0 8px 26px rgba(0, 0, 0, .06);
        min-height: 170px;
        max-width: 90%;
    }
    .sphere-list-901 li {
        position: relative;
        padding-left: 16px;
        margin-bottom: 6px;
        font-size: 12px;
        line-height: 1.5;
        color: #333;
    }

    .sphere-desc-901 {
        font-size: 12px;
        color: #444;
        margin-bottom: 12px;
    }
    body{
    --bs-body-font-size: 12px !important;}
    .m991-join__title {
        font-family: 'kanit-cyrillic', sans-serif;
        font-size: 27px;
        font-weight: 400;
        margin: 0 0 18px;
    }
    .m991-list li {
        margin: 4px 0;
        color: black;font-size: 12px;
    }
    .ab-col-521.text p {
        font-size: 12px;
        line-height: 1.6;
        color: black;
    }
    .m991-p {
        color: black;
        line-height: 1.55;
        margin: 0 0 10px;
        font-size: 12px;
    }
    .m991-intro__title {
        font-family: 'kanit-cyrillic', sans-serif;
        font-size: 27px;
        font-weight: 400;
        margin: 0 0 10px;
    }
    .m991-topbar__title {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 27px;
        line-height: 1.05;
    }
    .prod-uses-grid-972-2 {
        display: grid;
        grid-template-columns: repeat(5, 117px);
        gap: 15px;
        justify-items: center;
    }
    .prod-use-caption-972 span {
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 8px;
        line-height: 1.2;
        color: #3f454b;
    }
    .p-row-908 dt {
        font-weight: 400;
        color: black;font-size: 12px;
    }
    .p-title-908 {
        font-family: 'kanit-cyrillic', sans-serif;
        font-weight: 400;
        font-size: 27px;
        line-height: 1.15;
        margin-bottom: 8px;
        color: #2a2f34;
    }
    .p-band-title-908 {
        font-weight: 700;
        margin-bottom: 8px;
        font-size: 17px;
        margin-top: 10px;
    }
    .velok {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-content: center;
        flex-wrap: wrap;
    }
    .ft-list-913 a {
        text-decoration: none;
        color: #5b6167;
        font-weight: 500;
        font-size: 12px;
    }
    .m-num-904 {
        position: absolute;
        left: -35px;
        top: -43px;
        z-index: 2;
        width: 65px;
        height: 65px;
        border-radius: 0;
        background: var(--brand-orange, #F26027);
        display: flex
    ;
        align-items: center;
        justify-content: center;
        font-weight: 400;
        font-size: 38px;
        line-height: 1;
    }
    .m-card-904 {
        background: rgba(255, 255, 255, .88);
        color: #2b323b;
        border-radius: 0;
        padding: 22px 30px 15px 32px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
        backdrop-filter: blur(2px);
        font-size: 13px;
        line-height: 1.55;
    }
    .eco-title-692 {
        font-family: 'kanit-cyrillic', sans-serif;
        font-weight: 400;
        font-size: 27px;
        line-height: 1.15;
        color: #303a44;
        margin-bottom: 22px;
    }
    .mission-row-904 {
        display: grid    ;
        grid-template-columns: 0.4fr 0.4fr 0.4fr;
        gap: 32px;
        align-items: start;
    }
    .m-title-904 {
        font-family: 'kanit-cyrillic', sans-serif;
        font-weight: 400;
        font-size: 27px;
        line-height: 1.15;
        margin-bottom: 74px;
    }
    .btn-cat-482 {
        background: #F26027;
        border: none;
        color: #fff;
        padding: 9px 60px;
        border-radius: 0;
        box-shadow: 0 8px 22px rgba(242, 96, 39, .35);
        font-size: 12px;
    }
    .m-person-904 {
        position: relative;
        width: 100%;
        aspect-ratio: 16 / 15;
        background: center / cover no-repeat;
        border-radius: 0;
        overflow: hidden;
        box-shadow: 0 12px 36px rgba(0, 0, 0, .35);
        margin-bottom: 28px;
    }
    .why-txt-482 {
        color: #303a45;
        font-size: 14px;
        line-height: 1.45;
    }
    .btn-more-482 {
        background: #1F66B1;
        border: none;
        color: #fff;
        padding: 12px 45px;
        border-radius: 0;
        box-shadow: 0 6px 18px rgba(31, 102, 177, .35);
        font-size:12px;
    }
    .hero {
        position: relative;
        color: #fff;
        overflow: hidden;
        background: #111 url(../img/back1.jpg) 66% / cover no-repeat;
    }
    .big-problem {
        display: flex
    ;
        padding-left: 15%;
        padding-right: 15%;
    }
    .padthai {
        padding: 6% 20px 6% 20px;
    }
    .flexxx {
        display: flex
    ;
        align-items: center;
        margin-top: 2%;
        flex-direction: column;
    }
    .uses-head {
        position: absolute;
        top: 0;
        left: 0;
        padding: 22px 15% 22px 12%;
        background: var(--brand-orange, #F26027);
        color: #fff;
        font-weight: 400;
        font-size: 27px;
        line-height: 1;
        clip-path: polygon(0 0, 92% 0, 89% 50%, 86% 100%, 0 100%);
        z-index: 2;
        font-family: 'kanit-cyrillic', sans-serif;
    }
.cap1 {
    margin-top: 115px;
    justify-content: start;
}

}
@media (min-width: 1200px) and (max-width: 1400px) {
    .btn {
        --bs-btn-font-size: 14px;
    }
    .navbar .nav-link{ color:#222;font-size:14px !important;margin-right: 0; }
    .ribbons{ display:flex; gap:0; margin: 18px 0 26px; flex-wrap:wrap; }
    .ribbon1 {
        position: relative;
        padding: 16px 0 0 42px;
        color: #fff;
        font-weight: 400;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
        clip-path: polygon(15% 0, 100% -15%, 85% 100%, 0% 100%)
        white-space: normal;
        width: 273px;
        height: 65px;
        font-size: 12px;
        background-image: url('../img/rib1.png');
        background-size: cover;
        background-repeat: no-repeat;
    }
    .ribbon2{
        position: relative;
        padding: 8px 0 0 42px;
        color: #fff;
        font-weight: 400;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
        clip-path: polygon(17% 0, 100% 0, 85% 100%, 0% 100%);
        white-space: normal;
        width: 230px;
        height: 65px;
        font-size: 12px;
        background-image: url('../img/rib2.png');
        background-size: cover;
        background-repeat: no-repeat;margin-left: -30px;
    }

    .ribbon3{
        position: relative;
        padding: 16px 0 0 42px;
        color: #fff;
        font-weight: 400;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
        clip-path: polygon(15% 0, 100% 0, 85% 100%, 0% 100%);
        white-space: normal;
        width: 200px;
        height: 65px;
        font-size: 12px;
        background-image: url('../img/rib3.png');
        background-size: cover;
        background-repeat: no-repeat;margin-left: -28px;
    }
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        justify-content: space-around;
    }

}
@media (max-width: 954px) {
    .m-step-904 {
        position: relative;
        margin-bottom: 28px;
        max-width: 100%;
    }
.prod-use-caption-972 {
    display: flex;
    align-items: flex-end;
    gap: 2px;
    margin-top: 8px;
    justify-content: space-between;
}
    .contacts-list-742 li {
        display: flex    ;
        align-items: center;
        gap: 14px;
        color: black;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.45;
        margin: 8px 0;
    }
}
@media (max-width: 1200px) {

.contacts-wrap-742{
    max-width:1140px; margin:0 auto;
    display:grid; grid-template-columns:1fr 1.1fr; gap:48px;
    align-items:center;
}}
@media (max-width: 992px) {
    .contacts-wrap-742{
        max-width:960px; margin:0 auto;
        display:grid; grid-template-columns:1fr 1.1fr; gap:48px;
        align-items:center;
    }}