/* Переменные */
:root {
    --primary-red: rgba(231, 27, 38, 1);
    --primary-red-hover: rgba(161, 25, 32, 1);
    --dark-blue: rgba(43, 51, 64, 1);
    --dark-blue-30-percent: rgba(43, 51, 64, 0.3);
    
    --light-blue: #3E4453;
    --text-dark: #2A2F3D;
    --text-light: #fff;
    --text-grey: rgba(224, 224, 224, 1);
    --bg-light-grey: rgba(43, 51, 64, 0.1);
    --border-grey: #E5E5E5;
    --header-height: 80px;

}

/* Общие стили и сбросы */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Montserrat', sans-serif;
    color: var(--dark-blue);
    line-height: 1.3;
    background-color: var(--bg-light-grey);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.container {
    max-width: 1407px;
    margin: 0 auto;
    padding: 0 20px;
}

a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s ease;
}

/*a:hover {
    color: var(--primary-red);
}*/

ul {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

h1, h2, h3 {
    margin-bottom: 15px;
    line-height: 1.2;
}

p {
    margin-bottom: 15px;
}

.section-m100 {
    margin: 90px 100px 100px;
}
.btn{
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-light-grey {
    background-color: var(--bg-light-grey);
}

.logo img {
    width: 180px;
}

/* Кнопки */
.btn {
    display: flex;
    padding: 12px 12px;
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    font-size: 1em;
    font-weight: 700;
    max-width: 190px;
    width: 100%;
    height: 60px;
    color: #fff;
    text-transform: uppercase;
}

.btn--primary {
    background-color: var(--primary-red);
    color: var(--text-light);
    max-width: 230px;
}

.btn--primary:hover {
    background-color: #c9252e; /* Темнее красный */
}


.btn--outline:hover {
    background-color: var(--primary-red);
    color: var(--text-light);
    border-color: var(--primary-red);
}


.header {
    padding: 15px 0;
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%;

}

.header__bg-blur{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   background-color: rgba(43, 51, 64, 0.3);
   z-index: 2; 
   transition: .3s;
   backdrop-filter: blur(20px);

}

.logo:-webkit-any-link:focus-visible{
    outline: none;
}

.target-hover .header__bg-blur{
    height: 500px;
}
.menu-main__parent{
    position: relative;
}
.header__top .dropdown-menu {
    position: absolute;
    top: 30px;
    transform: translateY(10px);
    left: 0;
    width: 298px;
    opacity: 0;
    padding-top: 30px;
    visibility: hidden;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
}
.header__top .dropdown-menu a{
    opacity: .8;
    transition: .2s;
}
.header__top .dropdown-menu a:hover{
    opacity: 1;
    color: var(--text-light);
}
.header__top .logo{
    flex: 0 0 200px;
}
.header__top nav{
    width: 100%;
    display: flex;
    justify-content: right;
}
.target-hover .header__top .dropdown-menu{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.dropdown-menu li{
    margin-bottom: 20px;
}
.header__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
        z-index: 3;
    position: relative;
    padding-left: 100px;
   padding-right: 20px;
}

.header .logo img {
    filter: brightness(0) invert(1); /* Для белого логотипа на темном фоне */
}

.nav__list {
    display: flex;
    gap: 20px;
}

.nav__link {
    color: var(--text-light);
    font-weight: 500;
    position: relative;
    font-size: 0.9375em;
    text-transform: uppercase;
    font-weight: 700;

}
.nav__list{
   color: var(--text-light);
}

.nav__link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 0;
    height: 2px;
    background-color: var(--primary-red);
    transition: width 0.3s ease;
}

.nav__link:hover::after {
    width: 100%;
}
.header__langs{
    position: relative;
}
.header__actions {
    display: flex;
    align-items: center;
    gap: 1px;
    margin-left: 50px;
    flex: 1 1 80%;
    justify-content: end;
}

.header__icon-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    background-color: var(--dark-blue);
    height: 80px;
    width: 80px;
    font-size: 1em;
    font-weight: 700;
    color: #fff;
    transition: .2s;
}
.langs-list{
    position: absolute;
    transition: .3s;
    transform: translateY(-70%);
    visibility: hidden;
    opacity: 0;
}
.langs-open.langs-list{
   transform: translateY(0);
    visibility: visible;
    opacity: 1; 
}
.langs-list a{
    display: flex;
    width: 80px;
    height: 80px;
    align-items: center;
    color: var(--text-light);
    justify-content: center;
    background-color: var(--primary-red);
    transition: .2s;
}

.header__icon-btn:hover,.langs-list a:hover{
    background-color: var(--primary-red-hover);
}

.header__icon-btn img {
    height: 24px;
    width: 24px;
    filter: brightness(0) invert(1); /* Для белых иконок */
}

.burger-menu-btn {
    display: none; /* Скрыть на десктопе */
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
}
.burger-menu-btn{
    display: none;
    flex-direction: column;
    gap: 15px;
    background: none;
    border: none;
    cursor: pointer;
    gap: 7px;
        padding: 0;
    z-index: 4;
    width: 60px;
    height: 60px;
    background-color: var(--dark-blue);
}    
.burger-menu-wrapper{
    width: 25px;
    height: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;

}

.burger-menu-btn span {
    width: 100%;
    height: 2px;
    background: var(--text-light);
    transition: .2s;
    border-radius: 20px;
    display: block;
    text-align: right;
}
.burger-menu-btn span:nth-child(2){
    width: 15px;
}
.burger-menu-btn.active span:nth-child(2){
    opacity: 0;
}
.burger-menu-btn.active span:nth-child(1){
    transform: translateY(7px) rotate(45deg);
}
.burger-menu-btn.active span:nth-child(3){
    transform: translateY(-11px) rotate(-45deg);
}

/*.burger-menu-btn img {
    height: 28px;
    width: 28px;
    filter: brightness(0) invert(1);
}*/

/* Mobile Menu */
.mobile-menu {
    position: fixed;
    top: 90px;
    right: 7px;
    width: 400px;
    height: 100%;
    background-color: var(--dark-blue);
    color: var(--text-light);
    padding: 20px;
    transform: translateX(410px);
    transition: transform 0.3s ease-in-out;
    z-index: 1001;
    display: flex;
    flex-direction: column;
}

.mobile-menu--open {
    transform: translateX(0);
}

.mobile-menu__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.close-menu-btn {
    width: 50px;
    height: 50px;
    border: none;
    background: transparent;
    font-size: 24px;
    cursor: pointer;
    border-radius: 50%;
    transition: .2s;
    z-index: 10;
}

.close-menu-btn span {
    width: 100%;
    height: 3px;
    background-color: var(--text-light);
    display: block;
    border-radius: 3px;
}
.close-menu-btn span:first-child {
    transform: rotate(45deg) translate(4px, 1px);
}
.close-menu-btn span:last-child {
   transform: rotate(-45deg) translate(1px, 1px);
}

.close-menu-btn img {
    height: 28px;
    width: 28px;
    filter: brightness(0) invert(1);
}
.search-page{
    margin-top: 100px;
}
.pt-30{
    margin-top: 30px;
}
.search-form{
    position: absolute;
    top: 111px;
    width: 100%;
    height: 160px;
    z-index: -1;
        display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: .2s;
}
.search-form.search-open{
    opacity: 1;
    visibility: visible;
    z-index: 3;
}
.search-form:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(43, 51, 64, 0.3);
    z-index: -1;
    backdrop-filter: blur(20px);
}
.btn-search{
    position: relative;
}
.btn-search span{
    width: 24px;
    height: 24px;
    display: flex;
    position: absolute;
    top: 46%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%);
}
.btn-search.active span{
    opacity: 1;
    visibility: visible;
}
.btn-search.active svg{
    opacity: 0;
    visibility: hidden;
}
.btn-search span:before,.btn-search span:after{
    content: '';
    position: absolute;
     top: 50%;
    left: 0;
    width: 100%;
    height: 1.5px;
    background-color: var(--text-light);
}
.btn-search.active{
     background-color: var(--dark-blue);
}
.btn-search span:after{
    transform: rotate(45deg);
}
.btn-search span:before{
    transform: rotate(-45deg);
}
.search-form-mwrapper .search-bar{
    margin-bottom: 0;
}
.search-form-mwrapper{
    max-width: 880px;
    width: 100%;
}
.pb-0{
    padding-bottom: 0;
}
.section-search{
    margin-top: 90px;
}
.search-bar {
    display: flex; 
    margin-bottom: 50px; 
}

.search-bar input[type="text"] {
    flex-grow: 1; 
    padding: 30px;
    border: none; 
    font-size: 1.25em;
    color: #555;
    outline: none; 
    height: 80px;
}

.search-bar input[type="text"]::placeholder {
    color: #aaa; 
}


.search-bar button {
    color: white; 
    border: none;
    padding: 0 18px; 
    cursor: pointer;
    font-size: 1.2em;
    display: flex;
    align-items: center;
     justify-content: center;
    transition: background-color 0.2s ease; 
}




.results-heading {
    font-size: 2em;
    font-weight: 700; 
    margin-bottom: 50px;
    color: var(--text-dark);
}


.results-heading .highlight {
    color: var(--primary-red); 
    margin-left: 5px;
}


.search-result {
    margin-bottom: 50px; 
}


.search-result-title {
    font-size: 1.5em;
    font-weight: 700; 
    margin-bottom: 30px;
    display: flex;
}
.search-result-title a{
    position: relative;
}
.search-result-title a:before{
        content: '';
        position: absolute;
        bottom: -9px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: var(--primary-red);
}


.search-result-title .number {
    color: var(--primary-red); 
    margin-right: 20px; 
    margin-top: 5px;
}
.search-result-text{
    margin-left: 35px;
}

/* Текст описания результата */
/*.search-result-text {
    font-size: 0.95em;
    color: #555;
}


.pagination {
    display: flex; 
    justify-content: flex-start; 
    margin-top: 40px;
}


.pagination a {
    display: flex; 
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px; 
    padding: 0 10px; 
    margin: 0 4px; 
    border: 1px solid #ccc;
    border-radius: 4px;
    text-decoration: none; 
    color: #555;
    background-color: #fff;
    font-size: 0.9em;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; 
}

.pagination a:hover {
    background-color: #eee;
    border-color: #bbb;
}


.pagination a.active {
    background-color: #d9534f;
    color: white; 
    border-color: #d9534f;
    font-weight: 600;
}


.pagination a.dots {
    border: none; 
    background-color: transparent; 
    cursor: default; 
}
.pagination a.dots:hover {
    background-color: transparent; 
    border-color: transparent; 
}
*/
.mobile-menu__list {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.mobile-menu__link {
    color: var(--text-light);
    padding: 15px 20px;
    display: block;
    font-size: 1.25em;
    font-weight: 700;
    text-transform: uppercase;
}
.mobile-menu__item{
    border-bottom: 1px solid rgba(255,255,255,.1);
}

.mobile-menu__btn {
    width: 100%;
    margin-top: 30px;
    margin: 30px auto 20px auto;
}

.mobile-menu__socials {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-top: 30px;
}
.actions-contact{
    color: var(--text-light);
    margin-right: 50px;
    display: flex;
        align-items: center;
}
.header__actions .btn{
    margin-right: 50px;
}
.actions-contact span{
    text-transform: uppercase;
    font-size: 0.9375em;
    font-weight: 700;
}
.actions-contact a{
    font-size: 1.5em;
    font-weight: 700;
    display: block;
    margin-left: 20px;
}

.mobile-menu__socials img {
    height: 28px;
    width: 28px;
    filter: brightness(0) invert(1);
}

/* Hero Section */
.hero-section {
    background-size: cover;
    background-position: center;
    min-height: 900px;
  position: relative;


}
.hero-section:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.2);
    z-index: 1;
}
.hero-section-wrapper{
    height: 100%;
     display: flex;
    align-items: flex-end;
    position: relative;
    min-height: 900px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.hero-section-wrapper::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 300px;
    background: linear-gradient(to top, rgba(0,0,0,.4) 70%, rgba(115, 115, 115, 0) 80%);
}
.hero-section-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 300px;
    background: linear-gradient(to bottom, rgba(2, 27, 65, 1) 10%, rgba(115, 115, 115, 0) 80%);
}

.hero-section__content {
    position: relative;
    z-index: 1;
    color: var(--text-light);
    flex-wrap: wrap; /* Для адаптивности */
    width: 100%;
    padding: 0 100px;
    margin: 50px 0 100px;
}

.hero-section__text h1 {
    font-size: 6em;
    font-weight: 700;
    margin-bottom: 30px;
}
.hero-main .hero-section__text h1{
    font-size: 6em;
    font-weight: 600;
    line-height: 1.1;
}

.hero-section__text{
    width: 80%;
}

.hero-section__text h1 span {
    color: var(--primary-red);
}

.hero-section__text p {
    font-size: 18px;
    opacity: 0.8;
    margin-bottom: 10px;
}

.hero-section__subtitle {
    font-size: 1.5em;
    width: 50%;
    color: var(--text-light);
}
.text-block__title{
    font-size: 2em;
    font-weight: 600;
}
.pr-4{
    padding-right: 4rem;
}
.text-block-flex{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
/* Enterprise Section */
.enterprise-section {
    position: relative;
    background-color: var(--dark-blue);
}

.enterprise-section__inner {
    display: flex;
    align-items: flex-start;
}

.enterprise-section__image {
    width: 45%;
    min-height: 1100px;
    background-size: cover;
    background-position: center;

}
.enterprise-section__text-wrap{
    width: 55%;
}

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

.enterprise-section__text-block {
    flex: 1;
    color: var(--text-light);
    position: relative;
    padding-top: 100px; /* Чтобы текст не наезжал на картинку */
    padding-bottom: 76px;
    padding-right: 100px;
    padding-left: 120px;
}
.enterprise-section__text-block .btn{
    margin-top: 50px;
    text-transform: uppercase;
    font-weight: 700;
    height: 60px;
}
.container-filter{
    max-width: 1407px;
    margin: 0 auto;
    padding: 0 20px;
}
.about-image--wrapper{
    display: flex;
}
.about-img--wrap:first-child{
    max-width: 400px;
    width: 100%;
    margin: 0 20px;

}
.about-img--wrap{
    height: 350px;
}
.about-image--wrapper .about-img{
    height: 350px;
    min-width: 200px;
} 
.about-image--wrapper .about-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.enterprise-section__text-subtitle{
    font-weight: 700;
    color: var(--text-grey);
    font-size: 2em;
    margin-bottom: 40px;
}
.bg-none .enterprise-section__text-block p{
    opacity: 1;
    color: var(--dark-blue);

}

.subtitle-section{
    font-size: 1.5em;
    font-weight: 600;
}
.inner-page{
    background-color: var(--bg-light-grey);
}
section p{
    font-size: 1.25em;
    color: var(--dark-blue);
    margin-bottom: 30px;
}
.section-content .text-block__title{
    line-height: 1.4;
}
.enterprise-section.bg-none{

     background-color: transparent;
}
.text-block-half{
    width: 50%;
}
.section-content{
    padding-top: 170px;
    padding-bottom: 90px;
}
.bg-none .enterprise-section__text-subtitle{
    color: var(--dark-blue);
}
.enterprise-section__text-block h2 {
    font-size: 4em;
    font-weight: 700;
    color: var(--text-light);
    margin-bottom: 45px;
}
.fz-span-big span{
    font-size: 6em;
    font-weight: 600;
    margin-right: 10px;
}
.text-block-flex{
    margin-top: 70px;
}
.text-block-half .about-img--wrap:first-child{
    margin: 0;
    max-width: 670px;
    margin-top: 45px;
}

.enterprise-section__text-block p {
    font-size: 1.25em;
    margin-bottom: 20px;
    opacity: 0.8;
    color: var(--text-light);
}
.about-video{
    position: relative;
}
.about-video a{
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.6);
    color: rgba(43, 51, 64, 1);
    transform: translate(-50%,-50%);
}
.about-video a:hover{
   background-color: rgba(255, 255, 255, 0.8); 
}
.about-video a svg{
    margin-right: 10px;
}
/*.about-video a:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    
    border-radius: 6px;

}*/
.enterprise-section__text-block .btn--outline {
    color: var(--text-light);
    border-color: rgba(255,255,255,0.3);
    margin-top: 20px;
}
.btn--gray{
  background-color: rgba(255, 255, 255, 0.1); 
  padding: 0 20px; 
  border-radius: 6px;
}
.btn--gray:hover{
     background-color: rgba(255, 255, 255, 0.3);  
}
.all-projects-link .btn--gray{
    background-color: var(--bg-light-grey);
    color: var(--dark-blue);
}
.enterprise-section__text-block .btn--outline:hover {
    color: var(--text-light);
    background-color: var(--primary-red);
    border-color: var(--primary-red);
}

.enterprise-section__bottom-img {
    position: absolute;
    bottom: -80px; /* Выступление под секцию */
    right: 0;
    width: 300px;
    max-width: 40%;
    border-radius: 5px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.section-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    flex-wrap: wrap; /* Для адаптивности */
    gap: 50px;
    align-items: flex-start;
    border-bottom: 1px solid rgba(43, 51, 64, 0.2);
    padding-bottom: 40px;
    align-items: flex-end;

}
.section-header__text{
    font-size: 1.25em;
    font-weight: 600;
    max-width: 700px;
}
.section-header__text.fw-400{
    font-weight: 400;
}
.section-header__text.color-white{
    color: var(--text-light);
}
.section-header.no-border,.tech-specs .section-header{
    border: none;
}
.tech-specs .section-header{
    padding-bottom: 0;
}
.section-padding .section-header{
    margin-bottom: 0;
}
.machines-section{
    padding-top: 100px;
}
.machines-section .machine-list{
    margin-top: 50px;
}

.container-slider-offset{
        max-width: 1617px;
    display: flex;
    margin-left: auto;
}
.machines-section .section-header h2{
    max-width: 600px;
}
.section-header h2 {
    font-size: 4em;
    font-weight: 700;
    color: var(--dark-blue);
    margin-bottom: 0;
    line-height: 1;
    width: 100%;
}
.section-header.color-white h2,
.color-white .section-header__text{
    color: var(--text-light);
}
.machine-item__specs li:before{
    content: none;
}
.inner-page .section-header h2,.tech-specs .section-header h2{
    max-width: 830px;
}
.inner-page .section-header.w-100 h2{
    max-width: 100%;
}
.btn{
    text-transform: uppercase;
}
.section-header--center {
    flex-direction: column;
    text-align: center;
    justify-content: center;
}

.section-header--center .section-subtitle {
    max-width: 700px;
    font-size: 1.5em;
    font-weight: 600;
    color: var(--text-grey);
    margin-bottom: 0;
}
.section-subtitle.w-700{
    max-width: 580px;
    font-size: 2em;
    font-weight: 600;
}
.section-subtitle.width-full{
    max-width: 1200px;
}
.vacancies__list{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;

}
.v__item ul{
    margin-bottom: 0;
}
.v__item{
    padding: 40px;
    background-color: var(--text-light);
    width: calc(50% - 10px);
}
.v__item h3{
    font-size: 2em;
    font-weight: 700;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(43, 51, 64, 0.3);
}
/*.text-block {
    border-top: 1px solid rgba(43, 51, 64, 0.3);
    grid-column: 1 / span 3; /* Занимает 3 колонки из 6 
    grid-row: 1; 
    align-self: start; 
    padding-right: 20px; 
}*/
.advantages-container {
    display: grid;
    /* Определяем 6 колонок для более точного позиционирования, как на скриншоте */
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: auto auto; /* Две строки для контента */
    gap: 30px; /* Промежутки между элементами сетки */
    max-width: 1400px; /* Максимальная ширина контейнера */
    width: 100%;
    margin: 0 auto; /* Центрируем контейнер */
    position: relative; /* Для поднятия над оверлеем */
    z-index: 1;
}
.text-block h2{
    font-size: 2.5em;
}
.text-block h3{
    font-size: 2em;
}
.text-block h2,.text-block h3{
    line-height: 1.4;
    margin-bottom: 30px;
    font-weight: 600;
}


.section-header.line{
    border-bottom: 1px solid rgba(43, 51, 64, 0.3);
    padding-bottom: 50px;
}


/* Machines Section */
.machine-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.machine-item {
    display: flex;
    align-items: center;
    gap: 40px;
    background-color: rgba(217, 217, 217, 1);
    position: relative;
    flex-direction: column;
    height: 745px;
}
.machine-more{
    height: 80px;
    width: 100%;
    background-color: rgba(43, 51, 64, 0.05);
    color: var(--dark-blue);
    display: flex;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    transition: .2s;
}
.machine-more:hover{
    background-color: rgba(43, 51, 64, 0.1);
    color: inherit;
}
.machine-item__image {
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.machine-item__image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.machine-item__content {
        display: flex;
        color: var(--dark-blue);
        padding: 40px;
        position: absolute;
        top: 0;
            width: 100%;
    justify-content: space-between;
}
.machine-item__content-left{
    max-width: 600px;
    width: 100%;
}
.machine-item__content h3 {
    font-size: 2em;
    font-weight: 600;
    margin-bottom: 20px;
}
.machine-item__content-right{
    padding-right: 110px;
}
.machine-item__content p {
    margin-bottom: 20px;
    font-size: 1.25em;
}

.machine-item__specs {
    margin-bottom: 20px;
}

.machine-item__specs li {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    border-bottom: 1px dashed var(--border-grey);
    font-size: 1em;
    flex-direction: column;
     font-weight: 600;

}
.product-header .machine-item__content-right li{
 font-size: 1.25em;
}

.machine-item__specs li:last-child {
    border-bottom: none;
}

.machine-item__specs li span {
    font-weight: 400;
    display: block;
    margin-bottom: 5px;
}
.bg-light{
    background-color: var(--text-light);
}
.machine-item .btn--outline{
    position: absolute;
    bottom: 40px;
    left: 40px;
    background-color: var(--bg-light-grey);
    height: 37px;
    font-size: 0.875em;
    font-weight: 400;
    transition: .2s;
        text-transform: capitalize;
        color: var(--dark-blue);
            line-height: 1;
}
.btn--gray{
    height: 37px;
    font-size: 0.875em;
    font-weight: 400;
    transition: .2s;
        text-transform: capitalize;
        color: var(--text-light);
            line-height: 1;
}
.machine-item .btn:hover,.btn--gray:hover{
  background-color: rgba(43, 51, 64, 0.3);  
}

.machine-item .btn--dark{
    background-color: var(--dark-blue);
    color: var(--text-light);
    position: absolute;
    right: 20px;
    bottom: 20px;
    max-width: 222px;
    align-items: center;
    justify-content: center;
    display: flex;
}

/* Оверлей (фон) */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1000;
}

/* Активное состояние оверлея */
.modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Модальное окно */
.modal {
    background-color: #fff;
    width: 90%;
    max-width: 675px;
    transform: scale(0.7);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    padding: 50px;
}

/* Активное состояние модального окна */
.modal-overlay.active .modal {
    transform: scale(1);
    opacity: 1;
}

/* Заголовок */
.modal-header {
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px;
}

.modal .form-title{
    margin-bottom: 0;
}
.close-btn {
    font-size: 40px;
    cursor: pointer;
    color: #999;
    transition: color 0.2s;
    line-height: 1;
    position: absolute;
    top: 13px;
    right: 20px;
}

.close-btn:hover {
    color: #333;
}

/* Тело модального окна */
.modal-body {
    color: #666;
    line-height: 1.5;
}

/* Футер с кнопками */
.modal-footer {
    padding: 16px 24px;
    border-top: 1px solid #e0e0e0;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.btn-cancel {
    background-color: #f0f0f0;
    color: #666;
}

.btn-cancel:hover {
    background-color: #e0e0e0;
}

.btn-confirm {
    background-color: #667eea;
    color: white;
}

.btn-confirm:hover {
    background-color: #5a67d8;
}


/* Services Section */
.services-grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 100px;
}
.color-dark{
    color: var(--dark-blue);
}
.services-section .section-header p{
    font-size: 1.5em;
    font-weight: 600;
    max-width: 600px;
}
.services-section{
    padding-top: 100px;
}
.production-section{
    padding-top: 0;
}
.service-card {
    position: relative;
    overflow: hidden;
    flex: 1;
    min-width: 280px; /* Минимальная ширина для карточки */
    max-width: 580px; /* Максимальная ширина для карточки */
    height: 750px;
    display: flex;
    align-items: flex-end;
    padding: 30px;
    color: var(--text-light);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

.service-card:hover img {
    transform: translateY(-5px);
}

.service-card img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .2s;
    z-index: 1;
    transition: transform 0.5s ease;
}

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

.service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    z-index: 2;
}

.service-card h3 {
    position: relative;
    z-index: 3;
    font-size: 2.25em;
    font-weight: 600;
    margin-bottom: 0;
    transition: .2s;
    border-top: 1px solid rgba(236, 238, 240, 1);
    min-height: 174px;
    width: 100%;
    padding-top: 30px;
}

/* Production Section */
.production-list {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    gap: 20px;
    margin-top: 10px;
}

.production-item {
    display: flex;
    align-items: center;
    padding: 20px 30px;
    background-color: #fff;
    gap: 60px;
}

.production-item:last-child {
    border-bottom: none;
}

.production-item__image {
    flex: 0 0 300px; /* Фиксированная ширина */
    height: 160px;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    background-color: #fff; /* Белый фон для картинки */
    border-radius: 4px;
    padding-right: 35px;
}
.production-item__image:before{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(43, 51, 64, 0.3);
}
.production-item__image img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.production-item__content {
    flex: 1;
}

.production-item__content h3 {
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 25px;
}

.production-item__content p {
    color: rgba(43, 51, 64, 0.6);
    font-size: 1.5em;
    margin-bottom: 0;
}

.production-item .btn--outline {
    flex-shrink: 0; /* Не сжимать кнопку */
    padding: 10px 20px 10px 15px;

    min-height: 180px;
    width: 50px;
    background-color: rgba(43, 51, 64, 0.05);
    display: flex;
    align-items: center;
    transition: .2s;
}
.production-item .btn--outline:hover{
    background-color: rgba(43, 51, 64, 0.08);
}

/* Values Section */


.values-section__content {
    display: flex;
}

.values-section__text-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: var(--text-light);
    padding: 100px 70px 90px 100px;
    width: 50%;
     background-color: var(--dark-blue);
}

.pt-0{
    padding-top: 0;
}
.values-section__text-block h2 {
    font-size: 4em;
    font-weight: 700;
    margin-bottom: 45px;
    
}
.content-image{
    margin-bottom: 80px;
}
.values-section__text-block h3{
    color: rgba(224, 224, 224, 1);
    margin-bottom: 45px;
    font-size: 2em;
    line-height: 1.3;
    font-weight: 600;
}
.values-section__image-block h3{
    font-size: 2em;
    margin-top: 30px;
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 1.5;
}

.values-section__text-block p {
    font-size: 1.25em;
    margin-bottom: 30px;
    color: rgba(224, 224, 224, 1);
}

.values-section__text-block .btn--outline {
    color: var(--text-light);
    background-color: rgba(255, 255, 255, 0.1);
    max-width: 210px;
}

.values-section__text-block .btn--outline:hover {
    color: var(--text-light);
    background-color: var(--primary-red);
    border-color: var(--primary-red);
}

.values-section__image-block {
   width: 50%; /* Фиксированная ширина */

    position: relative;
}

.values-section__image-block img {
    width: 100%;
    height: 800px;
    object-fit: cover;
    display: block;
}
.values-section__image-block p{
    padding-right: 170px;
    font-size: 1.25em;
}
.values-section__image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 50%);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 50px;
}

.values-section__image-overlay .overlay-text {
    color: rgba(255,255,255,0.1); /* Полупрозрачный белый */
    font-size: 120px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    transform: rotate(-90deg); /* Поворот текста */
    transform-origin: left bottom; /* Центр вращения */
    position: absolute;
    left: 0;
    bottom: 0; /* Разместить в левом нижнем углу */
    white-space: nowrap; /* Чтобы не переносилось */
}


/* Advantages Section */
.advantages-section {
    position: relative;
    color: var(--text-light);
    padding: 150px 0;
}
.h-80{
    height: 80vh;
}
.advantages-section.h-80{
    display: flex;
    align-items: flex-end;
    margin-top: 50px;
}
.h-80 ..section-header{
    padding-bottom: 0;
}
.h-80 .description-col--text p{
    color: var(--tex-light);
}
.advantages-title{
    flex-direction: column;
}
.advantages-section .advantages-title{
    position: absolute;
    max-width: 520px;
}
.advantages-title .section-subtitle{
    text-align: left;
    font-weight: 400;
    color: var(--text-light);
}
.advantages-section__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

.advantages-section__inner {
    position: relative;
    z-index: 2;
    text-align: center;
}

.advantages-section__inner h2 {
    color: var(--text-light);
}

.advantages-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.advantages-title{
   flex: 0 0 calc(33.33% - 20px); /* 3 колонки */ 
   text-align: left;
       margin-right: 121px;
}
.advantage-card {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 30px;
    flex: 0 0 calc(25% - 20px); /* 3 колонки */
    max-width: 320px; /* Ограничение максимальной ширины */
    text-align: left;
    position: relative;
    overflow: hidden;
}

.advantage-card__number {
    font-size: clamp(1.25rem, 1.0769rem + 0.7692vw, 2rem);
    font-weight: 700;
    color: rgba(43, 51, 64, 0.4); /* Полупрозрачный номер */
    line-height: 1;
}
.advantage-card span{
    width: 100%;
    height: 1px;
    background-color: rgba(231, 27, 38, 1);
    display: block;
    margin-top: 20px;
}

.advantage-card p {
    font-size: 1em;
    margin-bottom: 0;
    margin-top: 20px;
    color: var(--dark-blue);
    font-weight: 500;

}
.advantage-card h3{
    color: var(--dark-blue);
    margin-top: 30px;
    font-size: 1.25em;
    margin-bottom: 0;
}
.capacity-card{
    padding: 0;
    background-color: transparent;
}
.advantage-card.capacity-card span{
   background-color: rgba(43, 51, 64, 0.3);  
}
.capacity-card p{
    font-size: 1.25em;
}
.mb-0{
    margin-bottom: 0;
}
.d-flex{
    display: flex;
    flex-wrap: wrap;
}
.text-block-half .advantage-card{
    background-color: transparent;
    margin-left: 0;
    padding-left: 0;
    width: 50%;
    flex: 0 0 50%;

}
.text-block-half-bottom .advantage-card__number{
    color: var(--dark-blue);
}
.text-block-half-bottom .advantage-card{
   background-color: transparent;
    margin-left: 0;
    padding-left: 0; 
}
.text-block-half .advantage-card p{
    margin-top: 50px
}
.text-block-half .advantage-card__number{
    color: var(--dark-blue);
}
.section-video{
     max-width: 1980px;
    margin: 0 auto;
    padding: 0 100px;
    margin-top: 110px;

}
.video-wrapper{
    position: relative;
    height: 900px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
   
}

.video-btn{
    display: flex;
    width: 210px;
    height: 210px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--dark-blue);
    font-size: 0.875em;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.5);
    font-weight: 700;
    overflow: hidden;
}
.video-btn:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);;
    border-radius: 100%;
    filter: blur(40px);
    z-index: -1;
}

.video-btn span{
    display: block;
    margin-top: 10px;
}
.card-list a{
    display: flex;
    background-color: var(--text-light);
    padding: 40px;
    margin-bottom: 20px;
    font-size:  1.75em;
    font-weight: 700;
    line-height: 1.2;
}
/* Media Center Section */
.media-center-section .section-header {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}

.slider-nav {
    display: flex;
    gap: 10px;
}

.swiper-button-prev, .swiper-button-next {
    position: static !important; /* Отменяем абсолютное позиционирование Swiper по умолчанию */
    width: 40px !important;
    height: 40px !important;
    background-color: var(--dark-blue) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background-color 0.3s ease;
    margin-top: 0 !important;
}

.swiper-button-prev:hover, .swiper-button-next:hover {
    background-color: var(--primary-red) !important;
}

.swiper-button-prev img, .swiper-button-next img {
    width: 18px;
    height: 18px;
    filter: brightness(0) invert(1);
}

.media-center-slider {
    padding-bottom: 20px; /* Место для свайпера */
    padding-top: 30px;
}
.media-slider-nav-wrapper{
    position: relative;
}
 /* Стиль для прогресс-бара */
        .progress-bar-container {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%; /* Ширина прогресс-бара под заголовком */
            height: 1px; /* Толщина линии */
            background-color: rgba(43, 51, 64, 0.3); /* Цвет фоновой линии */
            border-radius: 1px;
            overflow: hidden; /* Чтобы fill не вылезал */
        }

        .progress-bar-fill {
            height: 100%;
            width: 0%; /* Начальная ширина, будет меняться JS */
            background-color: rgba(43, 51, 64, 1); /* Фиолетовый цвет, как на скрине */
            border-radius: 1px;
            transition: width 0.3s ease-out; /* Плавное изменение ширины */
  
}
.slider-nav img{
   filter: none;
}
.slider-nav{
    border: 1px solid #000;
    width: 160px;
    height: 60px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    gap: 25px;
}
.slider-nav button,.swiper--btn{
    background-color: transparent!important;
    border: none;
}
.slider-nav button:hover{
    background-color: transparent!important;
}
.swiper-navigation-icon{
    display: none;
}

.slider-nav span{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 70%;
    background-color: rgba(43, 51, 64, 0.3);
    transform: translateY(-50%);
}
.swiper-pagination-custom .current {
            font-weight: bold;
            color: #333;
            margin-right: 5px; /* Отступ от дефиса */
        }
         .swiper-pagination-custom .separator {
            color: #666;
            margin-right: 5px; /* Отступ от дефиса */
        }

        .swiper-pagination-custom .total {
            color: #666;
        }

.category-filters .swiper--btn{
    position: absolute!important;
    top: 50%;
    transform: translateY(-50%);

}
.category-filters .swiper-button-disabled{
    display: none!important;
}
.swiper--btn img{
  filter: none;
}
.media-card {
    overflow: hidden;
    background-color: #fff;
    position: relative;
}
.media-card img{
    transition: .3s;
}
.media-card:hover img{
    transform: scale(1.04);
}
.item-list .media-card{
    margin-bottom: 20px;
}
.news-list{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 50px;

}
.news-list .media-card{
    width: calc(33.333333% - 20px);
}
.gallery-swiper img{
        height: 100%;
        object-fit: cover;
        width: 100%;
    }
.filter-category a{
    background-color: var(--text-grey);
    padding: 0 20px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .1s;
    height: 60px;
}
.filter-sort-curent span{
    content: '';
    background-image: url('./img/arrow-right.svg');
    position: absolute;
    top: 55%;
    right: 25px;
    display: block;
    width: 10px;
    height: 15px;
    transform: translateY(-50%) rotate(90deg);
    background-repeat: no-repeat;
    background-size: contain;
}
.filter-sort-curent{
    background-color: var(--text-grey);
    padding: 0 20px;
    position: relative;
    border-radius: 6px;
    display: flex;
    align-items: center;
    height: 60px;
    padding-right: 50px;
    justify-content: center;
    transition: .1s;
}
.filter-sort{
    position: relative;
    display: flex;
    flex-shrink: 0;
}
.filter-down{
    visibility: hidden;
    opacity: 0;
    transition: .2s;
    position: absolute;
    left: 0;
    top: 65px;
    transition: .2s;
    transform: translateY(10px);
    background-color: var(--text-grey);
    border-radius: 6px;
    padding: 10px;
    z-index: 1;
    width: 100%;

}
.filter-down a{
    margin-bottom: 10px;
    padding: 10px 20px;
    display: flex;
    margin-bottom: 0;

}
.open .filter-down{
    visibility: visible;
    opacity: 1;
    transform: translateY(5px);

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

.filter{
    padding-top: 100px;
    padding-bottom: 50px;
}
.filter-category{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.filter-category a.active,.filter-category a:hover{
    background-color: var(--dark-blue);
    color: var(--text-light);
}
.media-header{
    position: relative;
    gap: 40px;
}
.media-card a{
    color: var(--text-light);
    display: block;
    height: 500px;
}
.media-title{
font-size: 1.75em;
font-weight: 800;
line-height: 1.3;
}
.media-bottom{
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    border-top: 1px solid rgba(217, 217, 217, 1);
    padding-top: 30px;
}
.media-card span{
    position: absolute;
    top: 25px;
    left: 30px;
}
.media-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.media-card p {
    font-weight: 400;
    font-size: 1em;
    margin-bottom: 0;
    margin-top: 20px;
    color: var(--text-light);
}

/* Partners Section */
.partners-section .section-header {
    justify-content: flex-start;
    gap: 40px;

}


.partners-section .section-header h2 {
    margin-bottom: 0;
}

.partners-section .section-subtitle {
    color: var(--dark-blue);
    margin-bottom: 0;
}

.partners-slider {
    margin-top: 40px;
}
.pt-100{
    padding-top: 100px;
}
.pt-80{
    padding-top: 80px;
}

.partner-logo-wrapper {
    display: flex!important;
    align-items: center;
    justify-content: center;
    height: 220px!important;
    padding: 80px 70px;
    background-color: rgba(217, 217, 217, 0.5);
}
.partner-list .partner-logo-wrapper{
    width: calc(25% - 20px);
    height: 320px;
}
.partner-logo-wrapper img {
    width: 120px;
    object-fit: contain;
    filter: grayscale(100%); /* Делаем логотипы черно-белыми */
    opacity: 0.7;
    transition: all 0.3s ease;
    o,bnmb
}
.partner-list .partner-logo-wrapper img{
    width: 170px;
}

.partner-logo-wrapper:hover img {
    filter: grayscale(0%);
    opacity: 1;
}
/*.section-padding{
    padding: 0 100px;
}*/
.section-padding{
    padding: 100px 0 0 0;
}
.partners-section{
    padding-bottom: 100px;
    background-color: var(--text-light);
}
.section-form{
  padding: 0 100px;
  padding-bottom: 70px;
  margin-top: 50px;
}
.advantages-section.pb-150{
    padding-bottom: 150px;
}
.section-form .form-wrapper{
    background-color: var(--text-light);
    padding-top: 100px;
    padding-bottom: 100PX;
}

 .form-container {
    width: 100%;
    max-width: 900px;
    
    margin: 0 auto;
}
.form-box{
   background-color: rgba(43, 51, 64, 0.1); 
    padding: 50px 100px;
}
.modal .form-box{
    background-color: transparent;
    padding: 0;
}
.form-title {
    font-size: 3em;
    color: var(--dark-blue);
    margin-top: 0;
    margin-bottom: 50px;
    font-weight: 700;
}
.pagination-wrapper {
    display: flex;
    padding: 0 0 70px 0;
}
.pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    gap: 10px;
    margin: 0 auto;
}
.page-item {
    display: flex;
}
.page-item.disabled .page-link {
    cursor: not-allowed;
}
.pagination li:before{
    content: none;
}
.pagination li{
    padding-left: 0;
    margin-bottom: 0;
    width: 50px;
    height: 50px;
    border-radius: 6px;
    overflow: hidden;
    transition: .1s;
}
.pagination li a{
    font-weight: 700;
}
.pagination li a,.pagination li span{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bg-light-grey);
}
.page-item.active, .page-item li:hover{
    background-color: var(--dark-blue);
    color: var(--text-light);
}


.form-group {
    position: relative; 
}
.form-control {
    width: 100%;
    padding: 10px;
    border-radius: 0;
    outline: none; 
    box-sizing: border-box; 
    padding-top: 20px; 
    background-color: transparent;
}

.form-wrapper .form-label {
    position: absolute;
    top: 20px;
    left: 0;
    font-size: 1.25em;
    color: rgba(0, 0, 0, 0.5);
    pointer-events: none; 
    transition: all 0.2s ease-in-out;
    margin-bottom: 0;
}
.form-wrapper input[type="text"], .form-wrapper input[type="email"], .form-wrapper input[type="tel"], .form-wrapper select, .form-wrapper textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(43, 51, 64, 0.3);
    background: transparent;
    font-weight: 700;
    font-size: 1.25em;
    color: #000;
    padding: 20px 0 0 0;
    margin-bottom: 20px;
    outline: none;
}
.form-wrapper input[type="text"], .form-wrapper input[type="email"], .form-wrapper select, .form-wrapper input[type="tel"], .form-wrapper textarea {
    height: 65px;
}

.form-input:focus + .form-label, .form-select:focus + .form-label, .form-input:not(:placeholder-shown) + .form-label, .form-select:is(:focus, :valid) + .form-label {
    top: 0;
    left: 0;
    font-size: 0.875em;
    color: var(--border-color-not);
    background-color: transparent;
    padding: 0;
}
textarea.form-control{
    height: 100px;
}


input.form-input::placeholder {
         color: transparent!important;
    }
input.form-input:focus::placeholder{
    color: #000!important;
}
/*.form-input:placeholder{
    display: none;
}*/
textarea.form-control {
    resize: vertical; 
}

/* --- Стилизация чекбокса --- */
.agreement-group {
    display: flex;
    align-items: flex-start; /* Выравниваем чекбокс и текст по верхнему краю */
    margin-top: 20px;
    margin-bottom: 25px;
    font-size: 0.75em;
    color: #000;
}

.agreement-group input[type="checkbox"] {
    /* Скрываем стандартный чекбокс */
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Создаем кастомный чекбокс */
.agreement-group .custom-checkbox {
    display: inline-block;
    position: relative;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #adb5bd;
    border-radius: 3px;
    margin-right: 10px;
    flex-shrink: 0; /* Важно, чтобы чекбокс не сжимался */
    top: 1px; /* Небольшая коррекция вертикального выравнивания */
}

/* Стиль галочки (скрыта по умолчанию) */
.agreement-group .custom-checkbox:after {
    content: "";
    position: absolute;
    display: none;
}

/* Показать галочку, когда родительский чекбокс отмечен */
.agreement-group input:checked ~ .custom-checkbox:after {
    display: block;
}

/* Стилизация галочки (простой крестик или галочка) */
.agreement-group .custom-checkbox:after {
    left: 4px;
    top: 0;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transition: .2s;
    transform: rotate(45deg);
    background-color: transparent; /* Цвет самой галочки */
}

/* Цвет галочки при выборе (можно сделать его красным, если нужно) */
.agreement-group input:checked ~ .custom-checkbox {
    background-color: #dc3545; /* Красный цвет фона при выборе */
    border-color: #dc3545;
}


.agreement-text {
    line-height: 1.4;
}
 .agreement-text a {
    color: #007bff; /* Цвет ссылок, как на макете */
    text-decoration: none;
}

.agreement-text a:hover {
    text-decoration: underline;
}


.category-filters {
    overflow: hidden;
    margin-bottom: 50px;
    position: relative;
    margin-top: 50px;
}
.header-news{
    padding-top: 260px;
}
.date-news{
    font-size: 2em;
    font-weight: 600;
}
.category-swiper:before, .category-swiper:after {
    content: '';
    position: absolute;
    top: 0;
    width: 200px;
    height: 100%;
    z-index: 2;
    transition: .2s;
}

.category-swiper:before{
     background: linear-gradient(90deg, rgba(233, 234, 236, 1) 33%, rgba(233, 234, 236, 0.2) 60%, rgba(233, 234, 236, 0) 95%);
     opacity: 0;
}
.active-arrow-left.category-swiper:before{
    opacity: 1;
}
.category-swiper:after{
    right: 0;
    background: linear-gradient(270deg, rgba(233, 234, 236, 1) 33%, rgba(233, 234, 236, 0.2) 60%, rgba(233, 234, 236, 0) 95%);
}
.category-btn {
    display: flex;
    justify-content: center;
    padding: 20px;
    color: var(--dark-blue);
    transition: .2s;
    font-weight: 500;
    font-size: 1em;
    white-space: nowrap;
    align-items: center;
    text-decoration: none;
    background-color: rgba(43, 51, 64, 0.1);
    border-radius: 6px;
}
.swiper--btn:hover, .swiper--btn:hover {
    background-color: transparent!important;
}

.category-btn.active{
    background-color: rgba(43, 51, 64, 1);
    color: var(--text-light);
}

.category-btn span{
    color: rgba(43, 51, 64, 0.3);
    display: block;
    margin-left: 12px;
}
.category-btn.active span{
   color: var(--text-light); 
}


/* Текст, поясняющий обязательные поля */
.required-note {
    font-size: 0.75em;
    color: #6c757d;
    text-align: left;
    margin-bottom: 15px;
}

/* --- Кнопка отправки --- */
.form-submit button,.btn-full {
    width: 100%;
    padding: 15px 0;
    font-size: 1em;
    font-weight: bold;
    color: white;
    height: 60px;
    background-color: rgba(231, 27, 38, 1); /* Красный цвет кнопки */
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s;
    text-transform: uppercase;
}
.btn-full{
    max-width: 680px;
    margin: 0 auto;
}
.form-submit button:hover,.btn-full:hover {
    background-color: #c82333;
}

.divider {
    border: 0;
    border-top: 1px solid #ddd;
    margin-bottom: 50px;
}

/* Текст */
.lead-text {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px;
}

.highlight-text {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 25px;
}

.description-text p {
    font-size: 12px;
    color: #555;
    margin-bottom: 15px;
    text-align: justify;
}

.accent-line {
    text-decoration: underline;
    font-weight: 600;
}

/* Списки */
main ul,main ol {
    list-style: none;
    margin: 30px 0;
    font-size: 14px;
    font-weight: 600;
}


main li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    font-size: 1.25em;
    font-weight: 600;
}
.mt-0{
    margin-top: 0;
}
main li::before {
    content: "—";
    position: absolute;
    left: 0;
    color: #e30613;
}

.red-number-list {
    counter-reset: my-counter;
}

.red-number-list li {
    counter-increment: my-counter;
    position: relative;
    margin-bottom: 15px;
}

.red-number-list li::before {
    content: counter(my-counter) ".";
    position: absolute;
    left: 0;
    color: #e30613;
}
.docs-section{
    margin-top: 50px;
    margin-bottom: 70px;
}
.docs-section h2{
    margin-bottom: 50px;
}
/* Изображение */
.image-wrapper {
    margin: 40px 0;
    width: 100%;
}

.image-wrapper img {
    width: 100%;
    display: block;
}


/* Документация */

.doc-item {
    background: #fff;
    display: flex;
    align-items: center;
    padding: 15px 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    position: relative;
}

.doc-icon {
    font-size: 20px;
    margin-right: 20px;
    opacity: 0.5;
}

.doc-name {
    flex-grow: 1;
    font-size: 1.125em;
    font-weight: 600;
    position: relative;
    max-width: 740px;
    padding: 0 40px;
    display: flex;
    align-items: center;
}
.doc-name:before,.doc-name:after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: calc(100% + 20px);
    background-color: rgba(43, 51, 64, 0.3);
}
.doc-name:before{
    left: 0;
}
.doc-name:after{
    right: 0;
}

.doc-info {
    display: flex;
    flex-direction: column;
    margin: 0 30px;
    min-width: 100px;
}

.file-type {
    font-size: 1em;
    font-weight: 600;
}

.file-size {
    font-size: 1em;
    color: rgba(130, 130, 130, 1);
}

.btn-download {
    width: 60px;
    height: 60px;
    background: var(--bg-light-grey);
    color: #888;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-weight: bold;
    transition: 0.3s;
    position: absolute;
    right: 10px;
}
.doc-item:hover .btn-download{
    background: #e30613
}
.doc-item .btn-download svg path{
    transition: .2s;
}
.doc-item:hover .btn-download svg path{
    fill: #fff;
}
.btn-target.doc-item:hover .btn-download svg path{
    fill: none;
    stroke: #fff;
}
.btn-target .doc-name:after{
    content: none;
}

.company-info-grid {
        display: flex;
        flex-wrap: wrap; 
        gap: 90px; 
        margin-top: 100px;

    }

    .info-column {
        flex: 1; 
        min-width: 300px;
    }

    .info-item {
        display: flex;
        margin-bottom: 30px;
        font-size: 1.25em;
    }
    section .info-value p{
        font-size: inherit;
    }

    .info-label {
        font-weight: normal;
        width: 190px; 
        flex-shrink: 0; 
        margin-right: 40px;
    }

    .info-value {
        flex-grow: 1;
        font-weight: 600;
    }
    .info-value a{
        color: var(--primary-red);
    }

    .info-value p {
        margin: 0;
    }


/* Футер */
.bottom-info {
    margin-top: 50px;
}

.footer-lead {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 20px;
}

.bottom-info p {
    font-size: 14px;
    margin-bottom: 20px;
}

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

.external-link {
    color: #e30613;
    font-size: 12px;
    text-decoration: none;
    font-weight: 600;
}

.external-link:hover {
    text-decoration: underline;
}

.contact-list {
    display: flex;
    flex-wrap: wrap;
    margin: 50px -15px 0; 

}

.contact-card {
    flex: 0 0 50%; 
    padding: 0 15px; 
    margin-bottom: 30px; 
    position: relative;
}


.contact-card:nth-child(odd):last-child {
    border-right: none;
}

.contact-card:nth-child(even) {
    padding-left: 20px; 
}
.contact-card:nth-child(odd) {
     padding-right: 20px; 
}


.contact-card h3 {
    font-size: 2em;
    font-weight: 500;
    margin-bottom: 15px;
}

.contact-card p {
    font-size: 1.25em;
    margin-bottom: 30px;
    min-height: 65px;

}

.contact-card .phone-info {
    display: flex;
}
.phone-info{
    padding-top: 30px;
    border-top: 1px solid rgba(43, 51, 64, 0.3);
}

.contact-card .phone-label {
    width: 50%;
    flex-shrink: 0;
    font-size: 1.25em;
}

.contact-card .phone-numbers {
    flex-grow: 1;
    text-align: center;

}
.resource-link a{
    display: block;
    color: var(--primary-red);
    font-weight: 600;
    margin-bottom: 20px;
    transition: .2s;
}
.resource-link a:hover{
    color: var(--primary-red-hover);
}
.resource-link a:last-child{
    margin-bottom: 0;
}
.contact-card .phone-numbers span {
    display: block; 
    font-weight: 600;
    font-size: 1.25em;
     margin-bottom: 20px;
}

.map-section {
    padding: 0 100px;
    max-width: 2200px;
    margin: 0 auto;

}

.media-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#map {
    width: 100%;
    height: 700px; 
    overflow: hidden; 
    margin-top: 50px;
}

.content-section {
            display: flex;
             /* Занимает 2/3 доступного пространства */
            
        }
.history-content{
    max-width: 800px;
    width: 100%;
    margin-right: 120px;
   /* overflow-y: scroll;
    -ms-overflow-style: none; 
    scrollbar-width: none;*/
/*    height: 70vh; */
    padding-bottom: 20px; 
}

/* Скрыть скроллбар для Webkit-браузеров */
.content-section::-webkit-scrollbar {
    display: none;
}
.history-wrapper{
    padding: 70px 0;
}
.company-description {
    margin-bottom: 100px;
    font-weight: 600;
    font-size:2.5em;
}
.history-title{
    font-size: 4em;
    font-weight: 700;
    margin-bottom: 50px;
    line-height: 1.2;

}



.event-card {
    margin-bottom: 100px;
    scroll-margin-top: 20px; /* Отступ при прокрутке к элементу */
}

.event-card-image {
    max-width: 100%;
    height: 440px;
    display: block;
    margin-bottom: 50px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.event-card h3 {
    font-size: 2.5em;
    margin-bottom: 20px;
    font-weight: 700;
}

.event-card p {
    font-size: 1.5em;
    font-weight: 500;
}
.simplebar-wrapper{
    height: 400px!important;
}
/* Правая часть - таймлайн */
.timeline-section {
    width: calc(100% - 780px);   
    background-color: #343a40; /* Темный фон */
    color: #fff;
    padding: 50px 100px;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    position: sticky; 
    top: 20px; 
    height: 900px;
    justify-content: space-between;
}
.current-year-box{
    width: 300px;
    height: 100px;
    display: block;
    position: relative;
}
.current-year {
    font-size: 8em; /* Большие цифры для текущего года */
    font-weight: 600;
    text-align: left;
    margin-bottom: 20px;
    padding-right: 50px; /* Отступ для красной линии */
    transition: .2s;
    line-height: 1;
}

/* Красная линия, как на макете */
.current-year-box::after {
    content: '';
    position: absolute;
    right: -45px;
    top: 65%;
    transform: translateY(-50%);
    width: 5px;
    height: 80%;
    background-color: #e74c3c; /* Красный цвет */
}

/*.timeline-years-wrapper {
   margin-top: 15vh;
}*/

.timeline-years {
    list-style: none;
    padding: 0;
    margin-top: 20px;

}
.simplebar-track.simplebar-vertical{
    width: 4px!important;
}
.timeline-years li:before{
    content: none;
}
.simplebar-content{
    height: 300px;
}

.timeline-years li {
    font-size: 2.5em;
    cursor: pointer;
    color: #fff;
    opacity: .5;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 30px;
        text-align: right;
    transition: color 0.3s ease, font-size 0.3s ease;
}

.timeline-years li:hover {
    color: #e74c3c; /* Красный при наведении */
}

.timeline-years li.active {
    font-weight: bold;
    color: #e74c3c; /* Красный для активного года */
}

/* SimpleBar стили для кастомизации скролла */
.simplebar-track.simplebar-vertical {
    width: 8px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}
.simplebar-scrollbar:before {
    background: #e74c3c; /* Красный цвет для скроллбара */
    border-radius: 4px;
    width: 100%;
}

/* Адаптивный дизайн */
@media (max-width: 992px) {
    .container {
        flex-direction: column;   
        padding: 15px;
    }

    .content-section, .timeline-section {
        height: auto; /* Высота авто для адаптивности */
        overflow-y: visible; /* Убираем overflow-y: scroll на главном контейнере, если он был */
        padding-right: 0; /* Убираем правый паддинг */
        padding-bottom: 0;
    }

    .content-section {
        order: 2; /* Контент ниже таймлайна */
    }

    .timeline-section {
        order: 1; /* Таймлайн выше контента */
        margin-bottom: 30px;
        position: static; /* Убираем sticky */
    }

    .current-year {
        font-size: 3em;
    }
}

@media (max-width: 768px) {
    .company-description {
        font-size: 1em;
    }
    h2 {
        font-size: 1.8em;
    }
    .event-card h3 {
        font-size: 1.3em;
    }
    .event-card p {
        font-size: 0.9em;
    }
    .current-year {
        font-size: 2.5em;
    }
    
}



/* Адаптив */
@media (max-width: 768px) {
    .header h1 { font-size: 24px; }
    .lead-text { font-size: 18px; }
    

    .contact-card:nth-child(even){
        padding-left: 0;
    }
    .contact-card p{
        min-height: auto;
    }
    .contact-card p{
        margin-bottom: 10px;
    }
    .phone-info{
        padding-top: 10px;
    }
    .company-header, .contact-persons-section, .map-section {
     padding: 20px;
    }
    .contact-card h3{
        font-size: 1.25em;
    }
    .contact-card p{
        font-size: 1em;
    }
    .company-header h1, .contact-persons-section h2, .map-section h2 {
        font-size: 2em;
        margin-bottom: 20px;
    }
    .contact-persons-section h2{
        margin-bottom: 50px;
    }
    .info-column {
        min-width: 100%; 
    }
    .info-item {
        flex-direction: column;
    }
    .info-label {
        width: auto;
        margin-bottom: 5px;
    }

    .contact-list {
        margin: 0; 
    }

    .contact-card {
        flex: 0 0 100%; 
        padding: 0; 
        margin-bottom: 20px; 
   }

    .doc-info {
        margin: 10px 20px 0 0;
        text-align: left;
        order: 3;
    }
    
    .doc-name {
        width: calc(100% - 40px);
    }

    .btn-download {
        order: 4;
        margin-top: 10px;
    }
    .contact-persons-section{
        padding-bottom: 20px!important;
    }
}

/* Стиль для полей с предзаполненными значениями */
.prefilled-value {
    color: #343a40; /* Темный цвет для заполненного текста */
    font-weight: 400;
}


/* Footer */
.footer {
    background-color: var(--dark-blue);
    color: var(--text-light);
    padding-top: 60px;
    padding-left: 100px;
    padding-right: 100px;
    overflow: hidden;
}

.footer__top {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    padding-bottom: 50px;
    flex-wrap: wrap;
}
.footer-middle{
    display: flex;
    padding-bottom: 40px;
}
.footer__logo img {
    filter: brightness(0) invert(1);
    margin-bottom: 40px;
}
.footer-partners{
    max-width: 610px;
    width: 100%;
    margin-left: 500px;
}
.footer-partners .swiper-button-slider{
    display: none!important;
}
.footer-logo-develop{
    min-width: 155px;
}
.footer-logo-develop p{
    margin-bottom: 10px;
    transition: .2s;
}
.footer__top-col:first-child {
    width: 35%;
    line-height: 1.8;
}
.footer__top-col:last-child{
    display: flex;
    width: calc(65% - 40px);
}

.footer-slider a{
    transition: .2s;
}
.footer-slider a:hover{
    color: #fff;
}
.site-logo__item{
    display: flex;
    max-width: 200px;
}
.site-logo__item  img{
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    margin-right: 20px;
}
.site-logo__item p{
    margin-bottom: 0;
    font-size: 0.5em;
    opacity: .8;
    transition: .2s;
}
.footer-slider .swiper-slide:hover p{
    opacity: 1;
}
.footer__contact-info span{
    opacity: .6;
    font-size: 1em;
    font-weight: 400;
}
.address{
    font-size: 1.25em;
}
.footer__contact-info p {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 1.5em;
}
.footer__top-info-text{
    font-size: 1.125em;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 50px;
}
.footer__nav-column {
    flex: 1;
    min-width: 150px; /* Минимальная ширина для колонки навигации */
    width: 33%;
    padding-right: 30px;
}

.footer__nav-column h3 {
    font-size: 1.25em;
    font-weight: 600;
    margin-bottom: 18px;
}

.footer__nav-column ul {
    font-size: 15px;
}

.footer__nav-column li {
    margin-bottom: 15px;
}

.footer__nav-column a {
    opacity: 0.8;
    transition: opacity 0s, color .2s;
}

.footer__nav-column a:hover {
    color: var(--primary-red);
    opacity: 1;
}
.footer__main-site{
    display: block;
    color: var(--primary-red);
    font-weight: 700;
    margin-top: 20px;
}


.footer__bottom {
    padding: 30px 0 15px 0;
    color: rgba(255,255,255,0.6);
    border-top: 1px solid rgba(217, 217, 217, 0.5);
    display: flex;
    gap: 30px;
}
.footer__bottom p{
    font-size: 1em;
    font-weight: 500;
}



.footer__bottom .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}
.footer-partners .swiper-button-slider{
    display: none;
}
.footer__bottom a {
    color: inherit;
}
.social-links {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}
.footer-socials{
    margin-top: 50px;
}
.footer-socials h4{
    font-size: 1.5em;
    font-weight: 700;
}
.social-links a {
    display: flex;
    transition: .2s;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.1);
    color: white;
    text-decoration: none;
    transition: all var(--transition-fast);
    transition: .2s;
}
.social-links a:hover {
    background: rgba(255, 255, 255, 0.4);
}
.footer__bottom a:hover {
    color: var(--primary-red);
}


.footer__socials {
    display: flex;
    gap: 15px;
}

.footer__socials img {
    height: 20px;
    width: 20px;
    filter: brightness(0) invert(1);
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.footer__socials a:hover img {
    opacity: 1;
}


.product-page{
    background-color: var(--text-light);
}

.breadcrumbs {
    font-size: 1em;
    color: var(--dark-blue);
    padding-top: 140px;
    padding-left: 100px;
    padding-left: 100px;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.breadcrumbs a:first-child{
    margin-left: 0;
}
.breadcrumbs a {
    color: var(--dark-blue);
    margin-right: 5px;
    margin: 0 10px;
    transition: .2s;
}

.breadcrumbs a:hover{
    opacity: .6;
}
.breadcrumbs span {
    color: var(--dark-blue);
    opacity: .6;
    margin-left: 10px;
}
.breadcrumbs.is-banner a{
  color: var(--text-light);  
}
.breadcrumbs.is-banner{
  color: var(--text-light);    
}
.breadcrumbs.is-banner span{
    color: var(--text-light);
}
/* Секция заголовка продукта */
.product-header {
    background-color: #fff;
    padding: 240px 0 40px 0;

}

.product-header-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.product-info-left {
    flex-basis: 60%;
}

.product-title {
    font-size: 3em;
    line-height: 1.1;
    margin-bottom: 25px;
}
.product-header{
    color: var(--dark-blue);
}
.product-description {
    font-size: 1.25em;
    margin-bottom: 30px;
    max-width: 550px;
}
.all-projects-link{
    border-top: 1px solid var(--dark-blue-30-percent);
    padding-top: 35px;
    display: flex;
    justify-content: space-between;;
}

.all-projects-link a {
    display: flex;
    align-items: center;
   
}
.back-link{
    color: #E51D34; 
    font-weight: 600;
    font-size: 1.5em;
}
.all-projects-link svg {
    margin-right: 20px;
}

.product-info-right {
    flex-basis: 30%;
    font-size: 14px;
}

.meta-item {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}

.meta-label {
    color: #999;
}

/* Основное изображение */
.product-image-main {
    padding-top: 40px;
    background-color: #fff;
    margin-bottom: 100px;
}
.h2-title,.tech-specs .section-header h2{
    font-size: 3em;
}
.main-image-placeholder {
    background-color: #f0f0f0;
    text-align: center;
    padding: 0;
    overflow: hidden;
    max-height: 700px;
}
.main-image-placeholder img {
    width: 100%;
    height: auto;
    display: block;
}


.indicators-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}

.indicator-text{
    flex-basis: calc(25% - 20px);
    margin-right: 20px;
    font-size: 1em;
    font-weight: 500;
    padding-top: 30px;
    margin-bottom: 40px;
    border-top: 1px solid rgba(231, 27, 38, 1);;
}



.indicator-line {
    border-top: 1px solid #ddd;
    margin: 10px 0;
}

/* Показатели надежности */
.reliability-indicators {
    background-color: #363b45;
    padding: 120px 0;
    margin: 0 100px;
}
.reliability-indicators .h2-title{
    color: var(--text-light);

}

.reliability-content {
    display: flex;
    justify-content: space-between;
    padding: 0 65px;
    gap: 70px;
}

.reliability-text-block {
    flex-basis: 50%;
}


.reliability-data {
    max-width: 550px;
}
.reliability-data{
     border-top: 1px solid rgba(75, 81, 92, 1);
     margin-top: 35px;
}
.data-row {
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
    border-bottom: 1px solid rgba(75, 81, 92, 1);
    color: var(--text-light);
}

.data-row div{
    font-size: 1.25em;
    font-weight: 600;
}

.data-value {
    color: rgba(231, 27, 38, 1);
    font-weight: 600;
     align-items: baseline;
     flex-shrink: 0;
}

.reliability-image {
    flex-basis: 50%;
    background-color: #fff;
    box-sizing: border-box;
}
.data-value span{
    font-size: 2em;
    margin-right: 5px;
    line-height: 1.1;
}
.reliability-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Фотогалерея */

.photo-gallery__wrapper{
    overflow: hidden;
}
.swiper-pagination-gallery{
    width: auto!important;
    margin-right: 30px;
    font-size: 1.5em;
    line-height: 1;
}
.data-label{
    padding-right: 20px;
}
.gallery-swiper {
    position: relative;
    width: 100%;
    height: 650px; /* Фиксированная высота для примера */
    background-color: #f0f0f0;
    margin-top: 50px;
}


.curent-slide{
    font-weight: 700;   
}

.swiper-navigation {
    z-index: 10;
    display: flex;
    margin-top: 20px;
}
.swiper-navigation.swiper-nav-gallery{
    align-items: flex-end;
    justify-content: flex-end;
}
/* Технические характеристики */
/*.tech-specs {
    padding: 0 0 100px 0;
}*/
.tech-specs .data-label{
    color: rgba(32, 42, 57, 1);
}

.specs-table {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
/*    margin-bottom: 100px;*/
}

.h3-title{
    font-size: 2.5em;
    margin-bottom: 45px;
}
.fw-600{
    font-weight: 600;
}

.specs-column {
    flex-basis: calc(33.333% - 20px);
}

.specs-header {
    font-weight: 700;
    padding-bottom: 40px;
    font-size: 1.5em;
}
.specs-header{
    border-bottom: 1px solid #000;
}

.specs-row {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}

.specs-row .value {
    font-weight: bold;
}

.specs-row .highlight {
    color: #E51D34;
}

.separator-link {
    text-align: right;
    margin-bottom: 40px;
}
.separator-link a {
    color: #E51D34;
    font-size: 14px;
}

/* Детализированные характеристики (вторая таблица) */
.detailed-specs {
    flex-direction: column;
    gap: 0;
    margin-top: 50px;
    margin-bottom: 0;
}

.detailed-row {
    display: flex;
    justify-content: space-between;
    font-size: 1em;
    padding: 20px 30px;
}

.detailed-row:nth-child(odd){
    background-color: rgba(218, 218, 218, 1);
}
.detailed-row:nth-child(even){
    background-color: rgba(211, 211, 211, 0.2);
}
.detailed-label {
    flex-basis: 50%;
    padding-right: 20px;
    font-weight: 600;
}

.detailed-value {
    flex-basis: 50%;
    text-align: right;
}
.bg-gray{
    background-color: var(--bg-light-grey);
}

/* Дополнительное описание */
.additional-description {
     padding-bottom: 70px;
}


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

.description-col {
    flex-basis: 48%;
}

.description-columns ul{
    margin-top: 0;
}
.text-block h3.h3-title{
    font-size: 2.5em;
    font-weight: 700;
}
.additional-description .main-text{
    font-size: 2em;
    margin-bottom: 30px;
    margin-top: 40px;
    font-weight: 600;
    line-height: 1.4;
}
.description-columns p,.description-col--text p{
    font-size: 1.5em;
    font-weight: 600;
}

.description-col--text p{
   margin-bottom: 0;
}
.action-button-wrapper {
    text-align: right;
    margin-top: 140px;

}
.red-button {
    background-color: var(--primary-red);
    color: #fff;
    border: none;
    padding: 30px 30px;
    font-size: 1em;
    max-width: 560px;
    width: 100%;
    cursor: pointer;
    font-weight: bold;
    border-radius: 6px;
    text-transform: uppercase;
    transition: .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.red-button:hover{
    background-color: var(--primary-red-hover);
    color: var(--text-light)
}


.share-block-container {
    background-color: var(--text-light); 
    padding: 35px; 
    display: flex;
    align-items: center; 
    gap: 30px; 
    margin-top: 100px;
    justify-content: center;
}


.share-text {
    font-size: 18px;
    font-weight: 600; 
    color: #333333; 
    white-space: nowrap; 
}

.social-icons {
    display: flex;
    gap: 10px; 
}


.social-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px; 
    height: 60px; 
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none; 
}


.social-icon:hover {
    transform: translateY(-2px); 
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }

    .social-icon.vk { background-color: #ECF3FA; } 
    .social-icon.facebook { background-color: #ECF3FA; } 
    .social-icon.tiktok { background-color: #E0E0E0; } 
    .social-icon.instagram { background-color: #FDEEF7; } 
    .social-icon.telegram { background-color: #ECF3FA; } 

    /* Стили для изображения иконки внутри кнопки */
    .social-icon img {
        width: 24px; 
        height: 24px; 
        object-fit: contain; 
    }
.main-content-banner{
    margin-top: 50px;
    margin-bottom: 30px;
}
.main-content-banner img{
    width: 100%;
    height: 600px;
    object-fit: cover;
}
.main-content-banner-text{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 80px;
    
}
.indicators-wrapper,
.product-image-char{
    display: flex;
}
.product-image-char{
    margin-bottom: 80px;
}
.product-image--main,.product-image-info{
    flex: 1;
}
.product-image--main{
    height: 600px;
    padding: 50px;
    background-color: var(--text-light);

}
.product-image--main img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product-image-info{
    padding: 80px 0 80px 130px;
}
.mb-70{
    margin-bottom: 70px;
}
.main-content-banner-text .description-col{
    max-width: 48%;
}
.footer__top-mobile-menu .footer__nav-column{
    flex-direction: column;
    width: 100%;
}
.pb-100{
    padding-bottom: 50px;
}
/* Адаптивность */

@media (min-width: 1280px) {
    .description-col--text{
    max-width: 800px;
}
}



@media (max-width: 1024px) {
    .product-title {
        font-size: 40px;
    }
    .indicators-list {
        flex-wrap: wrap;
    }
    .indicator-item {
        flex-basis: calc(50% - 15px);
    }
    .main-content-banner img{
            height: 300px;
        }
    .specs-table {
        flex-wrap: wrap;
    }
    .specs-column {
        flex-basis: calc(50% - 15px);
    }
}

@media (max-width: 768px) {
    .product-header-content {
        flex-direction: column;
    }
    .product-info-left, .product-info-right {
        flex-basis: 100%;
        margin-bottom: 30px;
    }
    .product-info-right {
        border-top: 1px solid #eee;
        padding-top: 20px;
    }
    .request-button {
        float: none;
        width: 100%;
    }
    .reliability-content {
        flex-direction: column;
    }
    .reliability-text-block, .reliability-image {
        flex-basis: 100%;
        margin-bottom: 30px;
    }
    .reliability-image {
        padding: 0;
    }
    .indicators-list {
        flex-direction: column;
    }
    .indicator-item {
        flex-basis: 100%;
        padding-bottom: 15px;
        border-bottom: 1px solid #ddd;
    }
    .indicator-item:last-child {
        border-bottom: none;
    }
    .specs-column {
        flex-basis: 100%;
    }
    .description-columns {
        flex-direction: column;
    }
    .description-col {
        flex-basis: 100%;
        margin-bottom: 20px;
    }
    .gallery-swiper {
        height: 300px;
    }
}


/* ================== Адаптивность ================== */

@media (max-width: 1440px) {
    .data-value span{
        font-size: 1.5em;
    }
    .data-row div{
        font-size: 1em;
    }
    .langs-list a{
        width: 60px;
    height: 60px;
    }
    .values-section__text-block{
        padding: 50px;
    }
    .hero-main .hero-section__text h1{
        font-size: 2.5em;
    }
    .section-search{
        margin-top: 0;
    }
    .search-form{
        top: 91px;
    }
    .section-padding.header-news.pb-0{
        padding-bottom: 10px;
    }
    .footer-partners{
        margin-left: 12rem;
    }
    .company-info-grid{
        gap: 25px;
    }
    .machine-item__content-right{
        padding-right: 30px;
    }

    .text-block__title{
        font-size: 1.5em;
        margin-bottom: 15px;
    }
    .text-block-half{
        padding-right: 40px;
    }
    .advantages-section .advantage-card:nth-child(1){
        margin-left: 548px;
    }
    .enterprise-section__text-subtitle{
        font-size: 1.25em;
    }

    .form-container{
        max-width: 730px;
    }
    .form-box{
        padding: 50px;
    }

    .section-header h2{
        font-size: 4em;
    }

    .enterprise-section__text-block{
        padding-top: 50px;
    padding-bottom: 50px;
    padding-right: 150px;
    padding-left: 50px;
    }
    .header__icon-btn{
        width: 60px;
        height: 60px;
    }
    .search-bar .header__icon-btn{
        height: 80px;
        width: 80px;
    }
    .hero-section__content{
        padding: 0 100px;
        margin-bottom: 50px;
    }
    .hero-section__subtitle{
        font-size: 1.25em;
    }
    .inner-page .section-padding .container,.inner-page .container,.container-filter{
        padding-left: 160px;
        padding-right: 160px;
        max-width: 1900px;

    }

    .hero-section,.hero-section-wrapper{
        min-height: 700px;
    }
    .header__top{
        padding-left: 50px;
    }
    .header__icon-btn svg{
        width: 20px;
    }
    .photo-gallery .container{
        padding: 0;
    }


    .header__top .logo{
        flex: 0 0 150px;
    }
    .hero-section__text h1{
        font-size: 3em;
    }
    .enterprise-section__text-block h2,.values-section__text-block h2{
        font-size: 3em;
    }
    .enterprise-section__text-subtitle,.values-section__text-block h3{
        font-size: 1.25em;
    }
    .enterprise-section__text-block p{
        font-size: 1em;
    }
    .about-image--wrapper .about-img{
        height: 250px;
    }
    .about-img--wrap:first-child{
            max-width: 350px;
    }
    .enterprise-section__image{
        min-height: 900px;
    }
    .machines-section{
        padding-left: 130px;
        padding-right: 130px;
    }
    .machine-item{
        height: 700px;
    }
    .section-padding{
        padding: 80px 0;
    }
    .header-news{
        padding-top: 260px;
    }

    .services-section{
        padding-left: 80px;
        padding-right: 80px;
    }
    .services-grid{
        padding: 0;
    }
    .section-header h2{
        max-width: 560px;
    }
    .inner-page .section-header h2{
        max-width: 800px;
    }
    .service-card{
        margin: 0 0.5px;
    }
    .section-header.no-border{
        padding-bottom: 45px;
    }
    .service-card h3{
        font-size: 1.5em;
    }
    .service-card{
        height: 650px;
    }
    .services-section{
        padding-bottom: 0;
    }
    .production-section{
        padding-right: 130px;
        padding-left: 130px;
    }
    .section-subtitle.w-700{
        margin-bottom: 0;
    }
    .production-section .production-list{
        margin-top: 0;
    }
    .values-section__image-block img{
        height: 700px;
    }
    .values-section{
        padding-bottom: 80px;
    }
    .values-section__image-block p{
        margin-bottom: 0;
    }
   /* .advantages-section__inner,.media-slider-nav-wrapper .container,
    .partners-section .container{
        padding-left: 120px;
        padding-right: 120px;
    }*/
    .advantage-card{
        max-width: 260px;
    }
    .advantages-title{
        margin-right: 15px;
    }
    .partners-section .section-header{
        justify-content: space-between;
    }
   .footer{
        padding-left: 160px;
        padding-right: 160px;
    }
    .timeline-section{
        min-width: 420px;
        height: 700px;
    }
    .current-year-box::after{
        right: 10px;
    top: 50%;
    }

    .product-image-main .container{
         padding-left: 170px;
        padding-right: 170px;
    }
    .main-image-placeholder{
        min-height: 600px;
    }
    .indicator-text{
        margin-bottom: 30px;
    }
    .company-description{
        font-size: 2em;
    }
    .current-year{
        font-size: 6em;
    }
    .history-content{
        margin-right: 80px;
    }
    .timeline-section{
        padding: 50px 65px;
        width: calc(100% - 700px);
    }
    .contact-card .phone-numbers{
        text-align: right;
    }



}
@media (max-width: 1280px) {
    .fz-span-big span{
        font-size: 3em;
    }
    .h2-title,.tech-specs .section-header h2{
        font-size: 2.5em;
    }
    .footer__top-col:last-child{
        width: 100%;
    }
    .advantages-section.pb-150,.pb-100{
        padding-bottom: 70px;
    }
    .text-block h3{
        font-size: 1.5em;
    }

    .inner-page .section-padding .container, .inner-page .container,.container-filter{
                padding-left: 130px;
        padding-right: 130px;
    }
    .text-block h2{
        font-size: 2.25em;
    }
    .hero-main .hero-section__text h1{
        font-size: 2em;
    }
    .hero-section__content{
        padding-left: 50px;
        padding-right: 50px;
    }
    .services-section{
        padding-right: 110px;
        padding-left: 110px;
    }
        .services-section {
        padding-right: 110px;
        padding-left: 110px;
    }
    .category-btn{
        white-space: normal;
    }
    .current-year{
        font-size: 4em;
    }
    .timeline-section{
        min-width: 360px;
    }
    .timeline-years li {
        font-size: 1.5em;
    }
    .history-content{
        margin-right: 20px;
    }
    .current-year-box::after{
        right: 70px;
        top: 36%;
        height: 58%;
    }
    .company-description{
        font-size: 1.5em;
    }
    .history-title{
        font-size: 3em;
    }
    .event-card{
        margin-bottom: 70px;
    }
    .event-card h3{
        font-size: 2em;
    }
    .values-section__image-block p{
        margin-top: 30px;
        padding-right: 40px;
    }
        .services-section{
        padding-right: 50px;
        padding-left: 50px;
    }
    .services-section .container{
        padding-left: 80px;
    }
        .production-section{
        padding-right: 90px;
        padding-left: 90px;
    }
    .advantage-card p{
        margin-top: 30px;
    }
    .footer__nav-column{
        width: 100%;
        margin-bottom: 30px;
    }
    .footer__nav-column-item:last-child{
        margin-top: 0;
    }
    .footer__top-col:last-child{
        flex-wrap: wrap;
        flex-direction: column;
                display: block;
    }
    .footer__nav-column:last-child{
        display: flex;
    }
    .footer__nav-column-item{
        flex: 1 1 50%;
    }
    .footer__nav-column{
        flex: 1 1 50%;
    }
    .advantage-card{
        padding: 20px;
    }
    .advantages-title.section-header{
        justify-content: flex-start;
    }
    .advantages-title{
        margin-right: 55px;
    }
    .advantage-card:nth-child(6){
        margin-left: 233px;
    }

    .text-block-half .advantage-card__number{
        top: 0;
    }
    .text-block-half p:last-child{
        margin-bottom: 0;
    }
    .text-block-half .advantage-card p{
        margin-top: 30px;
    }
    .advantages-title .section-subtitle{
        font-size: 1em;
        margin-top: 30px;
    }
    .advantage-card__number{
      /* font-size: 3em; */
    }
        .footer {
        padding-left: 130px;
        padding-right: 130px;
    }

    .values-section__image-block img{
        height: 530px;
    }
    .values-section__image-block h3{
        font-size: 1.5em;
    }
    .values-section__text-block h2{
        font-size: 2.5em;
    }
    .values-section__text-block h3{
        font-size: 1.25em;

    }

   .header__top nav, .header__top .header__actions .btn{
    display: none;
   }
   .burger-menu-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1px;
   }
   .header__actions{
    margin-left: auto;
   }
   .machine-item__image{
    position: absolute;
    bottom: 0;
   }
   .machine-item__content{
    position: relative;
    z-index: 1;
   }
   .machine-item{
    background-color: rgb(238 238 238);;
   }
   .machine-item__content{
        text-align: left;
    }
    .machine-item__content-left{
        max-width: 490px;
        padding-right: 40px;
    }
    .machine-item__specs{
        margin-top: 0;
    }

    .text-block__title{
        font-size: 1.25em;
        margin-bottom: 0;
    }

    .photo-gallery .container{
        padding: 0;
    }
    .reliability-indicators{
        margin: 0 50px;
    }
    .breadcrumbs,.product-image-main .container{
        padding-left: 120px;
        padding-right: 120px;
    }
    .current-year{
        padding-right: 0;
    }
    .current-year-box{
        width: auto;
    }
    .timeline-years li{
        line-height: 1.1;
    }
    .timeline-years-wrapper{
        margin-left: 70px;
    }
    .current-year-box::after {
        right: -22px;
        top: 39%;
    }
    .breadcrumbs{
        padding-top: 100px;
        padding-left: 50px;
    }
   

}

@media (max-width: 1199px) {
    .container {
        padding: 0 20px;
    }
    .reliability-content.container {
        padding: 0 65px;
    }
    .services-section .section-header p{
        max-width: 100%;
    }

    .advantage-card{
        max-width: 220px;
    }
    .service-card h3{
        font-size: 1.5em;
    }
    .advantages-section .advantages-title{
        max-width: 400px;
    }
    .advantages-section .advantage-card:nth-child(1) {
        margin-left: 473px;
    }
    .nav__list {
        gap: 20px;
    }
    .hero-section__text h1 {
        font-size: 2.5em;
    }
    .enterprise-section__image {
        top: -80px;
    }
    .enterprise-section__text-block h2 {
        font-size: 2.5em;
    }
/*    .enterprise-section__text-block{
        padding-bottom: 0;
    }*/

    .enterprise-section__bottom-img {
        width: 250px;
        bottom: -60px;
    }
    .filter-down{
        top: 40px;
    }
    .filter-down a{
        font-size: 0.875em;
        padding: 10px;
    }
    .machine-item__image {
        flex: 0 0 300px;
    }
    .machine-item__content h3 {
        font-size: 1.5em;
        margin-bottom: 15px;
    }
    .machine-item__specs li{
        margin-bottom: 0;
    }
    .machine-item .btn--outline{
        left: 30px;
    }
    .machine-item .btn--dark{
        font-size: 0.875em;
    }

    .machine-item__content p{
        font-size: 1em;
    }
    .section-header h2{
        font-size: 3em;
    }
    .section-padding{
        padding: 50px 0;
    }
    .production-item__image {
        flex: 0 0 300px;
        height: 180px;
    }

    .values-section__text-block h2 {
        font-size: 2.5em;
    }
    .values-section__image-overlay .overlay-text {
        font-size: 100px;
    }
    .advantages-grid {
        gap: 20px;
    }
    .advantage-card {
        flex: 0 0 calc(50% - 10px); /* 2 колонки */
    }
 
    .media-card img {
        height: 100%;
    }
    .partner-logo-wrapper img {
        max-width: 100px;
    }
    .footer__contact-info {
        flex: 0 0 200px;
    }
    .footer__nav-column {
        min-width: 120px;
    }
    .header-news{
        padding-top: 200px;
    }
    .partner-list .partner-logo-wrapper{
        width: calc(33.33333% - 20px);
    }
     .partner-list .partner-logo-wrapper img{
        max-width: 100%;
     }

     .footer-partners {
        margin-left: 8rem;
        max-width: 470px;
    }
    .footer__contact-info p,.footer-socials h4{
        font-size: 1.25em;
    }
    .address{
        font-size: 1em;
    }
    .text-block-half .about-image--wrapper{
        padding-right: 0;
        padding-left: 0;
    }
    .section-video{
        padding-right: 35px;
        padding-left: 35px;
        margin-top: 50px;
    }
    .news .media-card a{
        height: 400px;
    }
    .filter-category a,.filter-sort-curent{
        height: 40px;
        font-size: 0.875em;
    }
    .filter-category a{
        padding: 0 15px;
    }
    .media-title{
        font-size: 1.5em;
    }

}

/* Tablet (768px to 991px) */
@media (max-width: 991px) {
    .header {
        padding: 10px 0;
    }
    .search-form{
        top: 81px;
    }
    .mobile-menu{
        top: 80px;
    }
    .docs-section h2{
    margin-bottom: 30px;
}
    .product-description{
        font-size: 1em;
    }
    .info-label{
        margin-bottom: 10px;
    }
    .contact-card:nth-child(odd){
        padding-right: 20px;
    }
    .company-info-grid .info-item{
        flex-direction: column;
    }
    .contact-card h3{
        font-size: 1.5em;
    }
    .contact-card p{
        min-height: 40px;
    }
    .contact-card p,.contact-card .phone-numbers span{
        font-size: 1em;
    }

    .product-image-main{
        padding-top: 0;
    }
    .doc-name{
        font-size: 1em;
    }
    .history-content{
        order: 2;
    }
    .history-list .content-section{
            flex-direction: column;
    }

    .inner-page .section-padding .container, .inner-page .container,.container-filter{
                padding-left: 50px;
        padding-right: 50px;
    }
    .photo-gallery .container{
        padding: 0;
    }
    .news .media-card a{
        height: 350px;
    }
    .media-title{
        font-size: 1.25em;
    }
    .timeline-section{
        flex-direction: row;
        min-width: 100%;
        height: 120px;
        padding: 35px 60px;
    }
    .history-content{
        max-width: 100%;
    }
    .timeline-section{
        overflow: hidden;
    }
    .timeline-years{
        display: flex;
        margin: 0;
    }
    .current-year-box{
        height: auto;
    }
    .current-year{
        font-size: 2.5em;
        margin-bottom: 0;
    }
    .event-card{
        order: 1;
    }
    .filter{
        padding-top: 50px;
    }
    .form-container{
        max-width: 600px;
    }
    .footer{
        padding-left: 50px;
        padding-right: 50px;
    }
    .form-title{
        font-size: 2.5em;
    }
    
    .reliability-text-block .h2-title{
        font-size: 2em;
    }
    .reliability-indicators{
         padding: 50px 0;
    }
    .reliability-image{
        margin-bottom: 0;
    }
    .reliability-content.container{
        padding-right: 40px;
        padding-left: 40px;

    }
    .product-image-char{
        flex-direction: column;
    }
    .product-image-info{
        padding: 40px 0 0;
    }
    .main-content-banner-text .description-col{
        max-width: 100%;
    }
    .header__top{
        padding-left: 20px;
    }

    .category-filters .swiper--btn{
        font-size: 0.875em;
    }
    .additional-description .main-text{
        font-size: 1.25em;
    }
    .card-list a{
        font-size: 1.5em;
        padding: 40px;
    }
    .h3-title{
        font-size: 1.7em;
    }
    .v__item h3{
        font-size: 1.5em;
    }
    .enterprise-section__image{
        min-height: 800px;
    }
    .v__item{
        width: 100%;
    }
    .about-img--wrap:first-child{
        margin-left: 0;
    }
    .enterprise-section__text-wrap{
        width: 100%;
    }
    .services-grid{
        padding: 0 30px;
    }
    .advantages-section .advantages-title{
        position: relative;
    }
    .advantages-grid{
        flex-wrap: nowrap;
    }
    .advantages-title .section-subtitle{
        margin-top: 10px;
        padding-bottom: 45px;
    }

    .production-item__content h3{
        font-size: 1.5em;
    }
    .production-item__content p,
    .description-col--text p,.description-columns p{
        font-size: 1em;
    }
    .burger-menu-btn{
        display: flex;
    }
    .advantages-section__inner{
        margin-top: 0;
    }
    .section-content{
        padding-bottom: 50px
    }

    .pr-4{
        padding-right: 0;
    }
    .video-wrapper{
        height: 400px;
    }

    .hero-section {
        min-height: 400px;

    }
    .hero-section__subtitle {
    margin-top: 20px; /* Для адаптивности */
   }
    .hero-section__text h1 {
        font-size: 2em;
    }
    .hero-section__subtitle {
        text-align: left;
        max-width: none;
    }
    #map{
        height: 400px;
    }
    .form-title{
        font-size: 2em;
    }

    .enterprise-section__inner {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
    .text-block.container{
        margin: 0;
    }
    .form-box{
        padding: 30px;
    }
    .enterprise-section__image {
        flex: none;
        width: 100%;
        top: -60px;
    }
    .enterprise-section__text-block {
        padding-top: 0;
    }
    .enterprise-section__bottom-img {
        position: static;
        margin: 30px auto 0;
        width: 100%;
        max-width: 400px;
    }
    .about-img--wrap:first-child{
        max-width: 50%;
    }
    .about-image--wrapper .about-img{
        min-width: 50%;
    }
    .about-image--wrapper{
        padding-left: 50px;
        padding-right: 50px;
    }


    .section-header h2 {
        font-size: 3em;
        max-width: 65%;
    }
    .pt-100{
        padding-top: 70px;
    }
    .section-header{
        padding-bottom: 30px;
    }
    .section-header .btn--primary {
        padding: 10px 20px;
    }
    .section-header--center .section-subtitle {
        font-size: 16px;
    }

    .machine-item {
        flex-direction: column;
        text-align: center;
    }
    .machine-item__image {
        flex: none;
        width: 100%;
        overflow: hidden;
    }
    .machine-item__image img{
        width: 130%;
    }
    .machine-item__specs li {
        justify-content: center;
        margin-bottom: 5px;
        padding-top: 0;
    }

    .text-block-half .about-img--wrap:first-child{
        margin-top: 0;
    }
    .service-card {
        min-width: 250px;
        height: 500px;
    }
    .production-item__image {
        flex: 0 0 160px;
    }
    .production-item__content {
        flex: 1 1 100%; /* Занимает всю ширину */
    }
    .production-item .btn--outline {
        width: 100%;
        max-width: 40px;
        margin-top: 0;
    }
    .category-btn{
        height: 50px;
        top: 6px!important;
    }

    .values-section__content {
        flex-direction: column;
    }
    .values-section__text-block {
        order: 1;
    }
    .footer__bottom p{
        width: 50%;
    }
    .footer__bottom{
        gap: 0;
    }
    .footer__bottom{
        flex-wrap: wrap;
    }
    .values-section__image-block {
        order: 1;
        flex: none;
        width: 100%;
        max-width: 100%;
    }

    .advantage-card{
        flex: 0 0 calc(50% - 15px)!important;
        margin-left: 0!important;
    }
    .container.advantages-section__inner{
        max-width: 100%;
        width: 100%;
    }
    .advantages-grid{
        overflow: auto;
    }

    .values-section__image-block p{
        padding-right: 20px;
        padding-left: 20px;
    }
    .container{
        padding: 0 20px;
    }
    .values-section{
        padding-bottom: 40px;
    }
    .values-section__text-block{
        width: 100%;
        padding: 20px;
    }

    .values-section__image-overlay .overlay-text {
        font-size: 80px;
        transform: none; /* Отменить поворот */
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding-left: 0;
    }

    .advantage-card {
        flex: 0 0 calc(50% - 15px); /* 2 колонки, чуть больше зазор */
        padding: 25px;
    }
    .advantage-card:nth-child(1) { margin-left: 0; } /* Отмена сдвига */
    .advantage-card:nth-child(3) { margin-left: 0; }
    .advantage-card:nth-child(4) { margin-left: 0; }

    .footer__contact-info{
        flex: none;
        width: 100%;
        max-width: 300px;
        margin-bottom: 20px;
    }
    .footer__contact-info p {
        margin-bottom: 10px;
    }

    .footer__bottom .container {
        flex-direction: column;
        text-align: center;
    }
    .footer__socials {
        margin-top: 10px;
    }
    .text-block-half{
        width: 100%;
    }
    .text-block-half.pr-4{
        margin-bottom: 30px;
    }


    .category-swiper:before, .category-swiper:after{
        width: 90px;
    }
    .header-news{
        padding-top: 200px;
    }
    
    .date-news{
        font-size: 1.25em;
    }
    .services-section .container{
        padding-left: 10px;
    }
    .partners-slider{
        margin-top: 0;
    }
    .partner-logo-wrapper{
        height: 180px!important;
    }
    .footer__contact-info{
        display: flex;
        max-width: 100%;
    }
    .footer-socials{
        margin-top: 0;
        width: 33%;
    }
    .footer__top-col:first-child{
        width: 100%;
    }
    .footer__nav-column h3,.footer-socials h4 {
        font-size: 1em;
    }
    .footer-socials h4 {
        line-height: 1;
    }
    .values-section__image-block img{
        margin: auto;
    }
    .services-section{
        padding-top: 70px;
    }
    .values-section__image-block p{
        padding: 0;
        margin-bottom: 30px;
    }
    .text-block-half .advantage-card{
        flex: 0 0 50%!important;
        max-width: 50%;
    }
    .text-block-half{
        padding-right: 0;
    }
    .enterprise-section__text-block{
        padding-right: 40px;
    }
    .section-video{
        margin-top: 50px;
        padding-left: 50px;
        padding-right: 50px;

    }
    .product-image-main .container{
        padding-left: 50px;
        padding-right: 50px;
    }
    .video-btn{
        width: 180px;
        height: 180px;
    }

    .action-button-wrapper{
        margin-top: 20px;
    }
    .search-form-mwrapper{
        max-width: 720px;
    }
    .search-form{
        padding-right: 20px;
        padding-left: 20px;
    }
    .actions-contact a{
        font-size: 1em;
    }
    .actions-contact span{
        font-size: 0.75em;
    }
    .actions-contact{
        margin-right: 20px;
    }


    
}
.footer__top-mobile-menu{
    display: none;

}

@media (max-width: 767px) {

    .text-block-flex{
        padding-right: 15px;
    }
    .hero-section__subtitle{
        padding-left: 0;
    }
    .about-video a svg{
        width: 15px;
    }
    .about-video a{
        font-size: 0.75em;
    }
    .history-wrapper{
        padding-left: 0;
        padding-right: 0;
        padding-top: 50px;
    }
     .product-header{
        padding-top: 150px;
    }
    .doc-name:after{
        content: none;
    }
    .doc-icon svg{
        width: 26px;
    }
    .share-block-container{
     flex-direction: column;
    }
    .section-header .section-subtitle{
        font-size: 1em!important;
    }
    .section-form{
        padding: 0 0 50px 0;
    }
    .news-list .media-card{
        width: 100%;
    }
    .values-section.section-m100{
        margin: 50px 20px;
    }
    .content-image{
        margin-bottom: 20px;
        height: 400px;
    }
    .content-image img{
        height: 100%;
        object-fit: cover;
    }

    .section-form .form-wrapper{
        padding-top: 50px;
    }
    .text-block-flex{
        padding-left: 15px;
    }
    .social-icon{
        width: 40px;
        height: 40px;
    }
    .form-title{
        margin-bottom: 30px;

    }
    .section-form .form-wrapper{
        padding-bottom: 40px;
    }
    .event-card h3 {
    font-size: 1.5em;
        }
        .event-card p {
            font-size: 1.2em;
        }
        .event-card-image{
            border-right-width: 260px;
        }
        .event-card{
            margin-bottom: 40px;
        }

    .back-link{
        font-size: 1em;
    }
    .text-block h2{
        font-size: 1.5em;
    }
    .text-block h3{
        font-size: 1.25em;
    }
    .all-projects-link svg{
        width: 7px;
    }

    .hero-section__text p, .hero-section__subtitle {
        font-size: 15px;
    }
    .section-header .btn--primary{
        margin-left: auto;
    }
    .filter-category a{
        padding: 10px;
    }
    .enterprise-section__image {
        top: -40px;
    }
    .advantages-title{
        flex: 0 0 100%;
    }
    .enterprise-section__text-block h2 {
        font-size: 2em;
    }
    .section-padding {
        padding: 40px 0;
    }
    .machines-section .section-header h2{
        max-width: max-content;
    }
    .machines-section .section-header{
        flex-direction: row;
    }
    .section-header .btn--primary{
        padding: 5px 10px;
        font-size: 1em;

    }
    .category-btn{
        white-space: normal;
        padding: 10px;
        font-size: 0.875em;
    }
    .category-swiper .swiper-wrapper{
        align-items: center;
    }
    .section-header {
        gap: 20px;
        
    }
    .services-section .section-header,.production-section .section-header{
        flex-wrap: nowrap;
    }
    .services-section .section-header h2,.production-section .section-header h2{
        max-width: 50%;
    }
    .section-header h2 {
        font-size: 2.5em;
    }
    .section-header--center .section-subtitle {
        font-size: 15px;
    }
    .breadcrumbs{
        font-size: 0.875em;
    }

    .machine-item__content h3 {
        font-size: 1.5em;
    }

    .service-card {
        width: 100%;
        max-width: 100%;
        height: 200px;
        min-width: unset;
    }

    .production-item {
        padding: 15px 20px;
    }

    .production-item__content h3 {
        font-size: 16px;
    }
    .production-item__content p {
        font-size: 13px;
    }
    .production-item .btn--outline {
        padding: 8px 15px;
        font-size: 12px;
    }

    .values-section__image-block {
        max-width: 100%;
    }
    .values-section__image-overlay .overlay-text {
        font-size: 60px;
    }
    .advantages-section__inner h2 {
        font-size: 30px;
    }
    .header-news{
        padding-top: 200px;
        padding-bottom: 20px;
    }
    .advantage-card {
        flex: 0 0 100%; /* 1 колонка */
    }
    .media-card p {
        font-size: 0.875em;
    }
    .media-card a{
        height: 400px;
    }
    .search-bar input[type="text"]{
        height: 60px;
        padding: 10px 30px;
    }
    .search-bar .header__icon-btn{
        height: 60px;
        width: 60px;
    }
    .search-bar input[type="text"]{
        font-size: 1em;
    }
    .search-result-title{
        font-size: 1.25em;
        margin-bottom: 20px;
    }
    .search-result-title a:before{
        bottom: -5px;
    }
    .search-form{
        height: 80px;
    }
    .search-result{
        margin-bottom: 40px;
    }
    .search-form .search-bar input[type="text"],.search-form .search-bar .header__icon-btn{
        height: 40px;
    }


    .partners-section .section-header {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }
    .partners-section .section-subtitle {
        text-align: center;
    }
    .partner-logo-wrapper img {
        max-width: 80px;
    }
    .footer__bottom .container {
        flex-direction: column;
        align-items: center;
    }
    .footer__bottom p {
        margin-bottom: 5px;
    }

    .footer__bottom{
        flex-wrap: wrap;
    }
    .service-card{
        min-width: 100%;
        height: 100%;
        min-height: 300px;
    }
    .service-card h3{
        min-height: auto;
    }

    .partners-section .section-header{
        align-items: self-start;
    }
    .footer__top-mobile-menu{
        display: block;
    }
    .partner-logo-wrapper img{
        width: 130px;
        max-width: 130px;
    }
    .services-section{
        padding-top: 70px;
    }
    .hero-section__subtitle{
        width: 100%;
    }
    .specs-header{
        font-size: 1.25em;
    }
    .text-block h3.h3-title{
        font-size: 1.5em;
    }

    .additional-description .main-text,main li{
        font-size: 1em;
    }
    .partner-logo-wrapper{
        padding: 25px;
    }
    .partner-list{
        gap: 15px;
    }
    .pagination li{
        width: 40px;
        height: 40px;
    }
    .section-content{
        padding-top: 50px;
    }
    .machine-item .btn--dark{
        padding: 5px;
        max-width: 190px;
        height: 40px;
        bottom: 40px;
    }


  /*  .doc-name:before{
        top: 50%;
        height: calc(100% - 20px);
    }*/



}

/* Small Mobile (up to 575px) */
@media (max-width: 575px) {
    .header__top{padding-right: 4px}
    .media-slider-nav-wrapper .container,.partners-section .container{
        padding-right: 0px;
        padding-left: 0px;
    }
    .description-col:last-child{
        margin-bottom: 0;
    }
    .actions-contact span{
        display: none;
    }
    .modal-header{
        margin-bottom: 10px;
    }
    .modal{
        padding: 20px;
    }
    .footer__bottom{
        padding: 20px 0;
    }
    .actions-contact a{
        font-size: 0.875em;
        font-weight: 600;
        margin-left: 0;
    }
    .category-filters .swiper--btn{
        display: none!important;
    }
    .category-btn span{
        display: none;
    }
    .swiper.media-center-slider{
        padding-left: 20px;
    }
    .footer__nav-column{
        margin-bottom: 20px;
    }
    .social-links{
        margin-top: 30px;
    }
    .footer-middle,.footer__top{
        padding-bottom: 30px;
    }
    .history-title{
        font-size: 2em;
    }
    .footer__bottom p:first-child{
        order: 3;
    }
    .langs-list a{
        width: 40px;
    height: 40px;
            font-size: 0.875em;
    }
  .burger-menu-wrapper{
        width: 20px;
    height: 18px;
    }
    .burger-menu-btn.active span:nth-child(1){
            transform: translateY(6px) rotate(45deg);
    }
    .burger-menu-btn.active span:nth-child(3){
        transform: translateY(-10px) rotate(-45deg);
    }
    .values-section__image-block img{
        height: 260px;
    }
    .machine-item__content-left{
        padding-right: 0;
    }
    .service-card{
        padding: 30px 20px;
    }
    .production-section .container .section-header{
        margin: 0;
    }
    .search-form{
        top: 51px;
    }
    .btn-search span{
        width: 20px;
        height: 18px;
    }
    .search-bar{
        margin-bottom: 30px;
    }
    .mobile-menu{
        top: 48px;
        width: 100%;
        right: 0;
        transform: translateX(100%);
    }
    .search-bar input[type="text"]{
        font-size: 0.875em;
        padding: 10px 15px;

    }
    .results-heading{
        font-size: 1.25em;
    }
    .search-result-title{
        font-size: 1.125em;
    }
    .search-result-title .number{
        margin-right: 12px;
    }
    .search-result-title .number{
        bottom: 0;
    }
    .search-result-text{
        margin-left: 25px;
    }
     .search-bar input[type="text"]{
        height: 50px;
    }
    .search-bar .header__icon-btn{
        height: 50px;
        width: 50px;
    }
    .mobile-menu__link{
        font-size: 1.125em;
    }
    .mobile-menu.mobile-menu--open{
       transform: translateX(0);  
    }
    #map{
        margin-top: 30px;
    }
    .map-section{
        padding-left: 0;
        padding-right: 0;
    }
    .company-info-grid{
        margin-top: 30px;
    }
    .info-item,.info-value{
        font-size: 1em;
    }
    .info-item{
        margin-bottom: 20px;
    }
    .event-card-image{
        height: 300px;
        margin-bottom: 30px;
    }
    .partner-list .partner-logo-wrapper{
        width: calc(50% - 10px);
    }
    .partner-list{
        gap: 10px;
    }
    .btn-download{
        margin-top: 20px;
    }
    .form-input:focus + .form-label, .form-select:focus + .form-label, .form-input:not(:placeholder-shown) + .form-label, .form-select:is(:focus, :valid) + .form-label{
        font-size: 0.75em;
    }
    .form-wrapper .form-label{
        font-size:  0.875em;
    }
    .form-wrapper input[type="text"], .form-wrapper input[type="email"], .form-wrapper input[type="tel"], .form-wrapper select, .form-wrapper textarea{
        font-size: 0.875em;
        height: 50px;
    }

    .doc-icon svg{
        width: 18px;
        height: 25px;
    }
    .btn-download{
        width: 30px;
        height: 30px;
    }
    .doc-name{
        font-size: 0.75em;
        padding-left: 10px;
        padding-right: 40px;
    }
    .doc-info{
        margin-top: 0;
        position: absolute;
        left: 58px;
        bottom: 11px;
    }
    .doc-info{
        flex-direction: row;
        display: flex;
    }
    .file-type,.file-size{
        font-size: 0.625em;
    }
    .file-type{
        margin-right: 10px;
    }
    .doc-item{
        padding: 12px 15px 30px 15px;
        margin-bottom: 10px;
    }
    .doc-icon{
      margin-right: 15px; 
      height: 16px; 
    }

    .btn-download svg{
        width: 13px;
    }
    .doc-name:before{
        top: calc(50% + 8px);
    }
    section p{
        font-size: 1em;
    }
    .resource-link a{
        margin-bottom: 15px;
    }
    .section-content .text-block{
        margin-top: 50px;
    }
    .all-projects-link{
        padding-top: 20px;
    }
    .date-news{
        font-size: 1em;
    }
      .header-news{
        padding-top: 170px;
    }
    .pt-100{
        padding-top: 50px;
    }
    .section-header.line{
        padding-bottom: 30px;
    }
    .gallery-swiper{
        margin-top: 10px;
    }
    .share-block-container{
        margin-top: 50px;
    }
    .reliability-text-block{
        margin-bottom: 0;
    }
    .filter-box{
        flex-direction: column;
    }
    .filter-sort{
        margin-top: 20px;
        width: 100%;
        
    }
    .filter-sort-curent{
        width: 100%;
    }
    .inner-page .section-padding .container{
        padding-left: 20px;
        padding-right: 20px;
    }
    .swiper-pagination-gallery{
        margin-right: 0;
    }
    .tech-specs{
        padding-top: 50px;
    }
    .h3-title{
        font-size: 1.25em;
        margin-bottom: 30px;
    }
    .description-col:first-child{
        margin-bottom: 5px;
    }
    .description-content .main-text{
        margin-top: 30px;
    }
    .reliability-content.container{
        padding-right: 20px;
        padding-left: 20px;
    }
    .tech-specs{
        padding-bottom: 70px;
    }
    .additional-description{
        padding-bottom: 50px;
    }
    .photo-gallery__wrapper .slider-nav{
        display: none;
    }
    .gallery-swiper,.image-wrapper{
        height: 400px;
    }
    .image-wrapper img{
        height: 100%;
        object-fit: cover;
    }
    .swiper-navigation span,.share-text{
        font-size: 16px;
    }
    .share-block-container{
        padding-bottom: 20px;
        padding-top: 20px;
        gap: 20px;
    }
    .reliability-content{
        gap: 20px;
    }
    .indicator-text,.data-row div,.red-button{
        font-size: .875em;
    }
    .data-row{
        padding: 15px 0;
    }
    .reliability-indicators{
        margin: 0;
    }
    .reliability-text-block .h2-title{
        font-size: 1.5em;
    }
    .separator-link{
        margin-bottom: 0;
    }
    .specs-table{
        margin-top: 20px;
    }
    .detailed-label,.detailed-value{
        flex-basis: 100%;
    }
    .detailed-value{
        margin-top: 20px;
    }
    .detailed-value{
        text-align: left;
    }
    .detailed-row{
        flex-wrap: wrap;
    }
    .specs-header{
        font-size: 1em;
        padding-bottom: 20px;
    }
    .tech-specs .section-header{
        margin: 0!important;
    }
    .product-info-right{
        margin-bottom: 15px;
    }
    .breadcrumbs {
        padding-top: 80px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .product-info-left,.machine-item__specs{
        margin-bottom: 0;
    }
    .product-header .machine-item__content-right li{
        font-size: 1em;
    }
    .h2-title,.tech-specs .section-header h2{
        font-size: 1.5em;
    }
    .product-info-right{
        border: none;
        padding-top: 0;
    }
    .product-image-main{
        margin-bottom: 40px;
    }
    .product-title{
        font-size: 1.5em;
    }

        .px-140, .section-padding.key-indicators, .product-header {
        padding-left: 0;
        padding-right: 0;
    }
    .photo-gallery .container, .product-image-main .container{
        padding-right: 20px;
        padding-left: 20px;
    }
    .main-image-placeholder{
        min-height: 280px;
    }
        .header {
        padding: 4px 0;
    }
    .header__top .logo{
        flex: 0 0 115px;
    }
    .text-block-flex{
        margin-top: 30px;
    }
    .form-container{
        padding-left: 5px;
        padding-right: 5px;
    }
    .section-header h2 {
        font-size: 2em;
    }
    .section-video{
        margin-top: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    .form-wrapper input[type="text"]{
        margin-bottom: 10px;
    }
    .inner-page .about-image--wrapper .about-img{
        height: 450px;
    }
    .inner-page .enterprise-section{
        padding-bottom: 30px;
    }
    .text-block-flex{
        padding-right: 5px;
        padding-left: 5px;
    }
    .video-wrapper{
        height: 450px;
    }
    .card-list a{
        font-size: 1em;
        padding: 20px;
        margin-bottom: 10px
    }
    .container{
        margin: 0;
    }
    .partners-section .section-header {
        margin: 0 20px;
    }
    .inner-page .container .section-header{
        margin: 0;
    }
    .pt-80{
        padding-top: 30px;
    }
    .machines-section .container .section-header{
        margin: 0;
        padding-bottom: 30px;
    }
    .category-filters{
        margin-top: 30px;
        margin-bottom: 0;
    }
    .category-btn{
        height: auto;
        padding: 7px;
    }
    .category-filters .swiper--btn{
       font-size: 0.8125em;
    }
    .services-card .container{
        padding: 0;
    }
    .values-section__text-block .btn--outline{
        max-width: 100%;
    }
    .enterprise-section__image{
        width: 100%;
    }
    .enterprise-section__text-block .btn {
        max-width: 100%;
        margin-top: 30px;
    }
    .partners-section .section-header{
        padding-bottom: 20px;
    }
    .partner-logo-wrapper {
        height: 130px !important;
    }
    .enterprise-section__image{
        height: 425px;
        min-height: 425px;
    }
    .machines-section .machine-list{
        margin-top: 0;
    }
    .swiper-button-prev img, .swiper-button-next img{
        width: 12px;
        height: 12px;
    }
    .production-item__image:before{
        right: 0;
        top: 100%;
        height: 1px;
        width: 100%;
    }
    .machine-more{
        height: 50px;
    }
    .service-card h3 {
        font-size: 18px;
    }
    .values-section__text-block h2 {
        font-size: 2em;
    }
    .values-section__image-overlay .overlay-text {
        font-size: 50px;
    }
    .media-center-section .slider-nav{
        display: none;
    }
    .media-center-section .section-header{
        margin-bottom: 40px;
    }
    .text-block-top{
        text-align: left;
    }
    .advantage-card__number {
     /*   font-size: 50px; */
    }
    .media-card {
        height: 300px;
    }
    .partner-logo-wrapper img {
        max-width: 70px;
    }
    .footer{
        padding-left: 20px;
    padding-right: 20px;
    }
    .advantage-card {
        flex: 0 0 calc(100% - 15px) !important;

    }
    .production-item .btn--outline{
        min-height: 50px;
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .production-item{
        gap: 25px;
    }
    .services-section .section-header, .production-section .section-header{
        flex-wrap: wrap;
    }
    .services-section .container{
        padding-left: 0;
    }
    .production-section .container{
        padding: 0 20px;
    }
    .services-grid{
        padding: 0 20px;
    }
    .values-section__text-block{
        order: 1;
        margin-top: 30px;
    }
    .production-item__content h3{
        font-size: 1.25em;
    }
    .production-item{
        flex-wrap: wrap;
    }
    .production-section{
        padding-top: 30px;
    }
    .production-item__image{
        flex: 0 0 100%;
        padding-bottom: 25px;
    }
    .machine-item{
        height: auto;
        gap: 0;
    }
    .machine-item__image{
        position: relative;
    }
    .machines-section .section-header h2{
        max-width: 100%;
    }
    .section-header .btn--primary{
        margin-left: 0;
    }
    .about-image--wrapper{
        padding-right: 20px;
        padding-left: 20px;
        flex-wrap: wrap;
        gap: 20px;
    }
    .machine-more{
        margin-top: 10px;
    }
    .about-image--wrapper .about-img{
        max-width: 100%;
        margin-right: 0;
        min-width: 100%;
    }
    .machines-section .container{
        margin-bottom: 0;
    }
    .enterprise-section{
        padding-bottom: 50px;
    }
    .section-header .btn--primary{
        max-width: 100%;
    }

    .machine-item__content{
        position: relative;
        flex-wrap: wrap;
        padding: 20px;
        padding-top: 42px;

    }
    .category-swiper:before, .category-swiper:after{
        width: 65px;
    }
    .category-swiper:after{
        background: linear-gradient(270deg, rgba(233, 234, 236, 1) 24%, rgba(233, 234, 236, 0.2) 49%, rgba(233, 234, 236, 0) 80%);
    }
    .category-swiper:before{
        background: linear-gradient(90deg, rgba(233, 234, 236, 1) 24%, rgba(233, 234, 236, 0.2) 49%, rgba(233, 234, 236, 0) 80%);
    }
    .inner-page .section-padding .container, .inner-page .container{
        padding-right: 20px;
        padding-left: 20px;
    }
    .container-filter{
        padding-left: 20px;
        padding-right: 0;
    }
 /*   .machines-section .container{
        padding: 0;
    }*/
    .machine-list{
        gap: 10px;
    }
    .enterprise-section__text-block{
        padding-right: 20px;
        padding-left: 20px;
    }
    .values-section{
        padding-bottom: 70px;
    }
    .machine-item__content p{font-size: 1em;}
    .machine-item .btn{bottom: 15px;left: 15px;}
    .header__icon-btn,.burger-menu-btn{width: 40px;height: 40px;font-size: 0.875em}
    .header__icon-btn svg{width: 15px;height: 30px;}
    .hero-section__content{padding: 0 20px;}
    .hero-section__text,.footer-socials{width: 100%}
    .footer__contact-info{flex-direction: column;}
    .footer__top-mobile-menu{margin-top: 30px}
    .footer-middle{flex-direction: column;}
    .footer-logo-develop{order: 1}
    .footer-logo-develop{margin-top: 30px}
    .footer-partners{margin-left: 0}
    .footer__contact-info p{font-size: 1.125em}
    .footer__bottom p{width: 100%;font-size: 0.875em}
    .video-btn{width: 120px;height: 120px}
    .video-btn span{font-size: 10px}
    .video-btn svg{width: 28px;height: 28px;}
    .section-header .section-subtitle{margin-top: 0}

    .services-card .section-header{border: none;}
    .media-title{font-size: 1.25em}
    .media-bottom{left: 20px}
    .photo-gallery .container{padding: 0;}
    .advantage-card.capacity-card{
        padding: 0;
    }
    .capacity-card p{font-size: 1em}
    .services-grid{padding-left: 0;
        padding-right: 0}

}
@media (max-width: 575px) {
    .text-block-half .advantage-card{
        flex: 0 0 100%!important;
        max-width: 100%;
        width: 100%;
        padding-right: 0;
    }
    .form-submit button{
        height: 40px;
        padding: 10px 0;
    }
    .close-btn{
        top: 0;
        right: 10px;
    }
}

@media (max-width: 420px) {
    .category-btn{
        font-size: 0.675em;
    }
    .modal .form-title{
        font-size: 1.7em;
    }
}