/**/
.breadcrumbs.history-j{
    position: relative;
    z-index: 100;
}
.main_group.history__respects--group{
    margin: -100px 0 100px;
}
.img__mobile{
    display: none;
}
/**/

/**/
.historySwiper .swiper-slide .history__item--img{
    display: none;
}
.historySwiper .swiper-slide.swiper-slide-active .history__item--img{
    display: block;
}
.historySwiper .swiper-wrapper{
    align-items:center;
    margin-bottom: 60px;
}

.history__item--slider{
    display: flex;
    gap: 32px;
}
.history__item--img img{
    width: 640px;
    height: 400px;
    object-fit: cover;
    border-radius: 10px;
    max-width: initial;
}
.historySwiper .swiper-slide .keys__vexi{
    display: none;
}

.historySwiper .swiper-slide.swiper-slide-active .keys__vexi{
    color: #FFF;
    font-family: "Russo One";
    font-size: 43px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-bottom:80px;
    display: inline-block;
}
.historySwiper .swiper-slide .history__item--text .description p{
    overflow: hidden;
    color: #475762;
    text-overflow: ellipsis;
    
    /* Desktop/Body_desktop */
    font-family: Inter;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
}
.historySwiper .swiper-slide.swiper-slide-active .history__item--text .description p{
    color: #FFF;
    font-family: "Russo One";
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-bottom:20px;
}

.historySwiper .swiper-slide .history__item--text .text p{
    overflow: hidden;
    color: #475762;
    text-overflow: ellipsis;
    max-width: 304px;
    font-size: 17px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
}

.historySwiper .swiper-slide.swiper-slide-active .history__item--text .text p{
    color: #EDF5F3;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    display: unset;
    -webkit-box-orient: unset;
    -webkit-line-clamp: none;
    max-width: 580px;
}
/**/

/*Пагинация*/


        /* Обертка для кастомной пагинации */
        .custom-pagination-wrapper {
            position: relative;
            width: 100%;
        }

        /* Фоновая линия */
        .pagination-line {
            position: absolute;
            top: 50%;
            height: 2px;
            background: #475762;
            transform: translateY(-50%);
            z-index: 1;
            width: 100%;
        }

        /* Синяя линия прогресса */
        .progress-line {
            position: absolute;
            top: 50%;
            height: 2px;
            background: #1AADE3;
            transform: translateY(-50%);
            z-index: 2;
            transition: width 0.4s ease;
            width: 0%;
        }

        /* Контейнер для точек */
        .custom-pagination {
            position: relative;
            display: flex;
            justify-content: space-between;
            height: 100%;
            z-index: 3;
        }

        /* Каждый элемент пагинации */
        .pagination-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            /*position: relative;*/
            cursor: pointer;
            /*width: 100px;*/
        }

        /* Название под точкой */
        .pagination-title {
            position: absolute;
            top: 25px;
            text-align: center;
            font-size: 13px;
            color: #999;
            width: 100%;
            padding: 0 5px;
            transition: color 0.3s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        /* Точка */
        .pagination-bullet {
            width: 10px;
            height: 10px;
            background: #475762;
            border-radius: 50%;
            border: 2px solid #475762;
            transition: all 0.3s ease;
            z-index: 3;
        }

        /* Активный элемент */
        .pagination-item.active .pagination-bullet {
            background: #fff;
            border: 2px solid #1AADE3;
            transform: scale(1.4);
            box-shadow: inset 0 0 50px 25px rgba(140, 224, 255, 0.4),0 0 60px 30px rgba(140, 224, 255, 0.2);
        }
        
        .pagination-bullet.passed{
            border: 2px solid #fff;
            background:#fff;
        }

        .pagination-item.active .pagination-title {
            color: #1AADE3;
            font-weight: bold;
        }

        /* Ховер на неактивных */
        .pagination-item:not(.active):hover .pagination-bullet {
            background: #1AADE3;
            opacity: 0.7;
            transform: scale(1.2);
        }

        .pagination-item:not(.active):hover .pagination-title {
            color: #1AADE3;
        }

/**/
.full__story--group ,.main_group.img__technica--group,.main_group.quote--grop{
    margin: 30px 0;
}
.main_group.infrmation__group{
    margin: 30px 0 100px 0;
}
.main_group.technic__suport--group{
    margin: 100px 0 150px;
}

/**/
.full__text-history{
    color: #FFF;
    display: inline-block;
    font-family: "Russo One";
    font-size: 43px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 55.9px */
    margin-bottom: 20px;
}

.full__story--box{
    display:flex;
    gap:32px;
}
.full__story--left span, .full__story--right span{
    display: inline-block;
    margin-bottom: 1rem;
}


/**/
.infrmation__text--box{
    display: flex;
    gap: 32px;
}
.image__text--box{
    display: flex;
    gap: 32px;
}

.infrmation__text--left, .infrmation__text--right{
    flex-shrink: 1;
}

.image__text--box .text span{
    color: #FFF;
    font-family: "Russo One";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; 
    max-width: 407px;
    display: inline-block;
    margin-bottom: 32px;
}
.image__text--box .text p{
    font-size: 14px;
}
.image__text--box .images img{
    max-width: 370px;
    height: 370px;
    object-fit: cover;
    border-radius: 10px;
}

.infrmation__text--right span{
    color: #FFF;
    display: inline-block;
    font-family: "Russo One";
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 20px;
}
.infrmation__text--right p {
    font-size: 14px;
    margin-bottom: 50px;
}
/**/

.quote span{
    color:  #FFF;
    font-family: Inter;
    font-size: 24px;
    font-style: italic;
    font-weight: 400;
    line-height: 150%;
}
/**/
.technic__suport--box{
    display: flex;
    gap: 32px;
}
.technic__suport--box span{
    color: #FFF;
    display: inline-block;
    margin-bottom: 20px;
    font-family: "Russo One";
    font-size: 43px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.text__item__technic p {
    font-size: 15px;
}
.text__item__technic{
     flex: 1;
}

.mobile__history{
    display: none;
}

@media(max-width:1024px){
    .slider_pc{
        display: none;
    }
    .mobile__history{
        display: block;
    }
    .history__item img{
        width: 100%;
        border-radius: 10px;
        margin-bottom: 20px;
    }
    .history__item .name p{
        color: #FFF;
        font-family: "Russo One";
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        margin-bottom: 5px;
    }
    .history__item p{
        color:  #BBB;
        font-family: Inter;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; 
    }
    
    .infrmation__text--box{
        flex-direction: column;
    }
    .mobile__history .key_vexi{
        color: #FFF;
        font-family: "Russo One";
        font-size: 25px!important;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        display: inline-block;
        margin-bottom: 30px;
    }
    
}
@media(max-width:768px){
    .main_group.history__respects--group{
        margin: 0px 0 50px;
    }
    .full__story--box{
        flex-direction: column;
    }
    .image__text--box{
        flex-direction: column;
    }
    .image__text--box .images img{
        width: 100%;
        max-width: 100%;
    }
    .image__text--box .text span{
        max-width: 100%;
    }
    .technic__suport--box{
        flex-direction: column;
    }
}

@media(max-width:575px){
    .img__mobile{
        display: block;
    }
    .img__pc{
        display: none;
    }
    .main_group.infrmation__group{
        margin:  0;
    }
    .main_group.quote--grop{
        margin: 0;
    }
    .main_group.technic__suport--group{
        margin: 77px 0 50px;
    }
    
    .full__text-history{
        font-size: 25px!important;
    }
    .technic__suport--box span{
        font-size: 25px!important;
    }
    .img__technica--group{
        display: none;
    }
    .image__text--box .text span{
        font-size: 18px!important;
        margin-bottom: 10px;
    }
    .image__text--box{
        gap: 20px;
    }
    .infrmation__text--right span{
        font-size: 25px!important;
        margin-bottom: 10px;
    }
    .full__story--box{
        gap: 0;
    }
}