/*
Theme Name: ITUA
Theme URI:
Author: Andrew
Author URI:
Description: ITUA
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lba
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


.new-crm__hero{
    background: linear-gradient(270deg, #222123 0.7%, #0A0809 61.36%);
}

.new-crm__hero .breadcrumbs-repeater{
    top: 45px;
}

.new-crm__hero .bitrix-intro__body{
    height: auto;
    margin-top: 45px;
    padding-bottom: 258px;
}

.breadcrumbs-crm{
    margin-bottom: 70px;
}

.new-crm__hero .bitrix-intro--crm .bitrix-intro__body{
    max-width: 620px;
    width: auto;
}

.new-crm__hero .bitrix-intro__body-title{
    margin: 0 !important;
    color: #FFF;
    font-size: 56px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -1.12px;
    max-width: 608px;
}

.new-crm__hero  .bitrix-intro__body-title span{
    background: linear-gradient(90deg, #FFC703 0%, #8B65FA 22.24%, #7250B4 64.46%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.new-crm__hero .bitrix-intro__container{
    position: static;
    display: flex;
    align-items: center;
    flex:1;
}

.new-crm__hero .btn--border{
    color: #FFC703;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    line-height: 135.4%;
}

.new-crm__hero .btn--border{
   height: 57px;
   padding: 17px 26px;
   text-align: center;
}
.new-crm__hero .btn--yellow{
    height: 57px;
    padding: 17px 26px;
    min-width: 272px;
    text-align: center;
}

@media (max-width: 1200px){
    .new-crm__hero .btn--border{
        font-size: 16px;
        height: 56px;
    }
    .new-crm__hero .btn--yellow{
        font-size: 16px;
        line-height: 135.4%;
        height: 56px;
        min-width: 259px;
    }
}
.new-crm-hero__btns{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 53px;
}

.new-crm__hero .bitrix-intro__photo{
    width: auto !important;
    height: 100%;
    padding-top: 24px;
    margin-right: -134px;
    max-width: 875px;
}

.breadcrumbs-crm #breadcrumbs a{
    color: #CACACA;
}

.breadcrumbs-crm #breadcrumbs span.breadcrumb_last{
    color: #fff;
}

.breadcrumbs-crm .items-breadcrumbs span{
    color:#BFBFBF;
}

.logistic-crm__wrapper{
    border-radius: 5px;
    background: conic-gradient(from 237deg, rgba(145, 58, 255, 1),rgba(255, 199, 3, 1),rgba(122, 212, 214, 1),rgba(140, 56, 248, 0.97),rgba(0, 0, 0, 0));
    box-shadow: 0px 16px 23px 0px rgba(114, 80, 180, 0.15);
    padding: 1px 1px 0 1px;
    display: flex;
}

.logistic-crm__wrapper-container{
    border-radius: 5px;
    background: #0B090A;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 24px;
    padding: 42px 0;
}

.logistic-crm__item{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.logistic-crm__icon{
    display: flex;
    justify-content: center;
    margin-bottom: 14px;
}

.logistic-crm__text{
    text-align: center;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: -0.36px;
}

.logistic-crm__text strong{
    color: #D2A508;
    font-size: 18px;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: -0.36px;
}

.logistic-crm__icons{
    margin-top: -180px;
    position: relative;
    z-index: 1;
}

.logistic-crm__item:not(:last-child):after{
    content: '';
    position: absolute;
    right: -12px;
    width: 1px;
    height: 150px;
    background: radial-gradient(12100% 51.71% at 50% 50%, rgba(11, 9, 10, 0.00) 0%, #835EE1 0.01%, rgba(0, 0, 0, 0.00) 100%);
}

.new-crm__hero .bitrix-intro__container::before{
    display: none;
}
.new-crm__hero .bitrix-intro__container{
    padding: 0 20px;
}
.logistic-crm__icons .container{
    padding: 0 20px;
}

@media (max-width: 1440px){
    .new-crm__hero .bitrix-intro__photo{
        position: absolute;
        right: 0;
        top: 53px;
        padding-top: 0;
        margin-right: -51px;
    }
    .new-crm__hero .bitrix-intro__container{
        flex: 1;
    }
    .breadcrumbs-crm{
        margin-bottom: 80px;
    }
    .new-crm__hero .bitrix-intro__body-title{
        font-size: 48px;
        letter-spacing: -0.96px;
        max-width: 522px;
    }
    .new-crm-hero__btns{
        margin-top: 76px;
    }
    .new-crm__hero .bitrix-intro__body{
        z-index: 1;
    }

    .new-crm__hero .bitrix-intro__photo img{
        max-width: 670px;
        max-height: 466px;
        object-fit: contain;
    }
    .new-crm__hero.bitrix-intro--crm  .bitrix-intro__body{
        width: 100%;
    }
}

@media (max-width: 1440px){
    .new-crm__hero.bitrix-intro--crm .bitrix-intro__photo{
        margin-right: -51px;
    }
    .logistic-crm__text strong, .logistic-crm__text {
        font-size: 17px;
    }
}

@media (max-width: 1200px){
    .new-crm__hero.bitrix-intro--crm .bitrix-intro__photo{
        margin-right: 23px;
    }
    .new-crm__hero .bitrix-intro__photo{
        top: 106px;
    }
}
@media (max-width: 960px){
    .logistic-crm__icons{
        margin-top: -195px;
    }
    .new-crm__hero .bitrix-intro__photo{
        position: relative;
        margin-right: -20px;
    }
    .new-crm__hero.bitrix-intro--crm .bitrix-intro__body-title{
        color: #FFF;
        font-size: 32px;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.64px;
        max-width: 332px;
    }
    .new-crm__hero .btn--yellow{
        font-size: 14px !important;
        height: 53px !important;
        min-width: 273px;
    }
    .new-crm__hero .btn--border{
        font-size: 14px !important;
        height: 53px !important;
        min-width: 271px;

    }
    .new-crm-hero__btns{
        margin-top: 24px;
    }
    .new-crm-hero__btns{
        flex-direction: column;
    }
    .new-crm__hero .bitrix-intro__body{
        padding-bottom: 258px !important;
    }
    .logistic-crm__wrapper-container{
        grid-template-columns: 1fr 1fr;
        row-gap: 77px;
    }
    .new-crm-hero__btns a{
        width: 100%;
        text-align: center;
    }
    .new-crm__hero .bitrix-intro__body-title span{
        background: var(--Title-gradient, linear-gradient(90deg, #FFC703 0%, #8B65FA 22.24%, #7250B4 64.46%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        white-space: nowrap;
    }
    .new-crm__hero.bitrix-intro--crm .bitrix-intro__photo{
        margin: 0;
        width: 100% !important;
        margin-right: -20px;
    }
    .new-crm__hero.bitrix-intro--crm .bitrix-intro__body{
        width: auto;
    }
    .logistic-crm__icons{
        z-index: 3;
    }
    .new-crm__hero .bitrix-intro__container{
        align-items: flex-start;
    }

    .new-crm__hero .breadcrumbs-crm{
        position: absolute;
        top: 0;
        margin: 0;
        width: calc(100vw - 20px);
        justify-content: flex-start;
        left: -20px;
    }
    .new-crm__hero.bitrix-intro--crm .bitrix-intro__body{
        padding-left: 0;
        padding-right: 0;
        padding-top: 80px;
    }
    .new-crm__hero .bitrix-intro__photo{
        top: 105px;
    }
    .new-crm__hero.bitrix-intro--crm .bitrix-intro__body{
        width: 100%;
    }
    .logistic-crm__wrapper {
        background: conic-gradient(from 265deg, rgba(145, 58, 255, 1),rgba(255, 199, 3, 1),rgba(122, 212, 214, 1),rgba(140, 56, 248, 0.97),rgba(0, 0, 0, 0));
    }
    .logistic-crm__item:nth-child(2):after{
        display: none;
    }
    .logistic-crm__item:nth-child(1):before,
    .logistic-crm__item:nth-child(2):before{
        content: '';
        position: absolute;
        left: 55%;
        top: calc(100% - 55px);
        transform: translateX(-50%) rotate(-90deg);
        height: 185px;
        width: 1px;
        background: radial-gradient(12100% 51.71% at 50% 50%, rgba(11, 9, 10, 0.00) 0%, #835EE1 0.01%, rgba(0, 0, 0, 0.00) 100%);
    }
    .logistic-crm__text strong, .logistic-crm__text {
        font-size: 16px;
    }
    .logistic-interface__title span, .logistic-transport__title span {
        white-space: nowrap;
    }
}

@media (max-width: 768px){
    .new-crm__hero .breadcrumbs-crm{
        left: 0;
    }
}

@media (min-width: 767px) and (max-width: 768px){
    .new-crm__hero.bitrix-intro--crm .bitrix-intro__photo{
        width: 400px !important;
        height: 335px !important;
        flex-shrink: 0;
    }
}

@media (max-width: 576px){
    .new-crm__hero.bitrix-intro--crm .bitrix-intro__photo{
        position: absolute;
        max-width: 300px;
    }
    .new-crm__hero.bitrix-intro--crm .bitrix-intro__container{
        flex:1;
        width: 100%;
        position: relative;
        top: 0;
    }
    .new-crm__hero.bitrix-intro--crm .bitrix-intro__body-title{
        max-width: 332px;
    }
    .new-crm__hero.bitrix-intro--crm .bitrix-intro__photo{
        opacity: 0.1;
    }

    .new-crm__hero .btn--yellow{
        height: 52px !important;
        min-width: unset;
        width: 100%;
    }
    .new-crm__hero .btn--border{
        height: 57px !important;
        min-width: unset;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

}

@media (max-width: 480px){
    .new-crm__hero.bitrix-intro--crm .bitrix-intro__photo{
        opacity: 1;
        width: 100%;
        max-width: 100%;
        top: 25px;
        left: 0;
        margin-right: 0;
    }
    .breadcrumbs-crm{
        display: none;
    }
    .wrapper.rud_crm_for_logistik .breadcrumbs-crm{
        display: block;
    }
    .wrapper.rud_crm_for_logistik .new-crm__hero.bitrix-intro--crm .bitrix-intro__container{
        top: 16px;
    }
    .new-crm__hero.bitrix-intro--crm .bitrix-intro__body{
        padding-top: 64px;
        margin-top: 0;
        padding-bottom: 0 !important; 
    }
    .new-crm__hero.bitrix-intro--crm .bitrix-intro__body-title{
        max-width: 100%;
        text-align: center;
    }
    .new-crm-hero__btns{
        margin-top: 53px;
    }
    .new-crm__hero.bitrix-intro--crm .bitrix-intro__body-title{
        font-size: 24px;
    }
    .new-crm-hero__btns{
        width: 100%;
    }
    .logistic-crm__icons {
        margin-top: -300px;
    }
    .logistic-crm__icons .container{
        padding: 0;
    }
    .logistic-crm__icons  .logistic-crm__wrapper{
        box-shadow:none;
        padding: 0;
        border-radius: 0;
        background: linear-gradient(0deg, #161517 0%, #0A0809 100%);
    }
    .logistic-crm__item:before,
    .logistic-crm__item:after
    {
        display: none !important;
    }
    .logistic-crm__wrapper-container{
        border-radius: 0;
    }
    .new-crm__hero{
        z-index: 4;
    }
    .logistic-crm__wrapper-container{
        padding-top: 400px;
    }

    .logistic-crm__wrapper-container{
        gap: 32px 18px;
    }
    .logistic-crm__icon img{
        width: 40px;
        height: auto;
    }
    .logistic-crm__item{
        align-items: flex-start;
    }
    .logistic-crm__wrapper-container{
        padding-left: 24px;
        padding-right: 24px;
    }
    .logistic-crm__icon{
        margin-bottom: 16px;
    }
    .logistic-crm__text{
        text-align: left;
        color: #FFF;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
        letter-spacing: -0.28px;
    }
    .logistic-crm__text strong{
        color: #D2A508;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
        letter-spacing: -0.28px;
    }
    .logistic-crm__wrapper-container{
        padding-bottom: 93px;
    }
    .logistic-crm__icon{
        height: 40px;
    }

    .new-crm__hero .bitrix-intro__container{
        padding: 0 24px;
    }
}

@media (max-width: 350px){
    .logistic-crm__text{
        overflow-wrap: break-word;
        inline-size: 128px;
    }
}

.logistic-interface{
    padding-top: 120px;
    padding-bottom: 123px;
}

.logistic-interface__title{
    text-align: center;
    color: #262429;
    font-size: 47px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.94px;
    max-width: 1086px;
    margin: 0 auto;
    margin-bottom: 24px;
}
.logistic-interface__title span{
    color: #7250B4;
}
.logistic-interface__subtitle{
    max-width: 1086px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 40px;
    color: #333;
    font-size: 20px;
    font-weight: 400;
    line-height: 180%;
    letter-spacing: -0.4px;
}

.btn-crm-interface {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    max-width: fit-content;
    border-radius: 7px;
    height: 57px;
    align-items: center;
}

.logistic-interface .swiper-slide{
    display: flex;
    position: relative;
    width: fit-content !important;
    max-height: 395px;
    transition: 300ms all;
    background-color: #fff;
    border-radius: 8px;
    height: auto;
} 

.logistic-interface .swiper-slide .play-video-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.logistic-interface__slider{
    max-width: 1189px;
    margin: 0 auto;
    overflow: hidden;
}
.logistic-interface .swiper-slide-prev{
    padding-top: 17px;
    height: auto;
    transform: scale(0.8) translateX(70%);
    z-index: -1;
    opacity: 0.6;
}

.logistic-interface .swiper-slide-prev img, 
.logistic-interface .swiper-slide-next img{
    box-shadow: 0px 2px 74px 0px rgba(216, 210, 230, 0.40);
}

.logistic-interface .swiper-slide-next{
    padding-top: 17px;
    height: auto;
    transform: scale(0.8) translateX(-70%);
    z-index: -1;
    opacity: 0.6;
}

.logistic-interface__pagination{
    position: relative !important;
    margin-top: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.logistic-interface__pagination .swiper-pagination-bullet{
    margin: 0;
    opacity: 1;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    border: 1px solid #1B1B1B;
    background: #FCFCFC;
    transition: 300ms all;
}

.logistic-interface__pagination .swiper-pagination-bullet-active{
    background: #FFC703;
}

.logistic-interface__next, .logistic-interface__prev{
    display: none;
}

.logistic-interface__slider .swiper-slide{
    position: relative;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
}

.logistic-interface__slider .swiper-slide img{
    border-radius: 8px;
    max-height: 355px;
    height: auto;
}

.logistic-interface__slider .swiper-slide video{
    display: none;
    border-radius: 8px;
}


.logistic-interface__slider .swiper-slide.active video{
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    object-fit: cover;
}

.logistic-interface__slide-violet-block{
    width: 100%;
    min-height: 40px;
    border-radius: 8px 8px 0px 0px;
    background: linear-gradient(90deg, #8963F3 0%, #7351B6 100%);
    color: #FFF;
    font-size: 13px;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -0.26px;
    padding: 11px 16px;
}

.logistic-interface__slider .swiper-slide .logistic-interface__slide-violet-block + img{
    border-radius: 0 0 8px 8px;
    box-shadow: 0px 2px 74px 0px rgba(216, 210, 230, 0.40);
}

.swiper-slide.swiper-slide-prev .logistic-interface__slide-violet-block + img,
.swiper-slide.swiper-slide-next .logistic-interface__slide-violet-block + img,
.swiper-slide.swiper-slide-prev.active .logistic-interface__slide-violet-block + img,
.swiper-slide.swiper-slide-next.active .logistic-interface__slide-violet-block + img
{
    max-height: 293px;
    object-fit: fill;
}

.logistic-interface__slider .swiper-slide img, .logistic-interface__slider .swiper-slide.active video{
    box-shadow: 0px 2px 74px 0px rgba(216, 210, 230, 0.40);

}
@media (max-width: 1200px){


    .logistic-interface .swiper-slide.swiper-slide-active img{
        max-height: 331px;
    }
    .logistic-interface .swiper-slide.swiper-slide-active .logistic-interface__slide-violet-block + img{
        max-height: 298px;
    }
    .logistic-interface .swiper-slide{
        width: 100% !important;
    }
    .logistic-interface .swiper-slide-prev img,
    .logistic-interface .swiper-slide-next img
    {
        max-height: 270px;
    }

    .logistic-interface .swiper-slide-prev .logistic-interface__slide-violet-block + img,
    .logistic-interface .swiper-slide-next .logistic-interface__slide-violet-block + img
    {
        max-height: 248px;
        object-fit: cover;
        object-position: top;
    }

    .logistic-interface__slide-violet-block{
        min-height: 33px;
        padding: 10px 13px;
    }

    .logistic-interface{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .logistic-interface__title{
        font-size: 32px;
        line-height: 120%;
        letter-spacing: -0.64px;
        margin-bottom: 32px;
    }
    .logistic-interface__subtitle{
        max-width: 913px;
    }
    .logistic-interface__subtitle{
        font-size: 16px;
        line-height: 160%;
        letter-spacing: -0.32px;
        margin-bottom: 32px;
    }
    .logistic-interface .swiper-slide{
        max-height: 331px;
        max-width: 590px;
    }
    .logistic-interface__slider{
        max-width: 915px;
    }
    .logistic-interface .swiper-slide img{
        width: 100%;
    }
    .logistic-interface .swiper-slide-prev{
        transform: scale(0.85) translateX(80%);
    }
    .logistic-interface .swiper-slide-next{
        transform: scale(0.85) translateX(-80%);
    }
    .btn-crm-interface{
        margin-top: 32px;
        font-size: 16px !important;
        line-height: 135.4% !important; 
        height: 56px !important;
    }
}



@media (max-width: 960px){

    .btn-crm-interface{
        font-size: 14px !important;
        height: 53px !important; 
    }
    .logistic-interface{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .logistic-interface__subtitle{
        max-width: 100%;
        margin-bottom: 30px;
    }
    .logistic-interface__slider{
        max-width: unset;
        margin-left: -20px;
        margin-right: -20%;
        width: calc(100% + 40px);
        overflow: unset;
    }
    .logistic-interface__pagination{
        margin-top: 24px;
    }
    .logistic-interface .swiper-slide{
        max-height: 320px;
    }
    .btn-crm-interface{
        margin-top: 30px;
    }

    .logistic-interface .swiper-slide.swiper-slide-active img{
        max-height: 320px;
    }
    .logistic-interface .swiper-slide.swiper-slide-active .logistic-interface__slide-violet-block + img{
        max-height: 287px;
    }
    .logistic-interface .swiper-slide-prev img,
    .logistic-interface .swiper-slide-next img
    {
        max-height: 260px;
    }
}

@media (max-width: 650px){
    .logistic-interface .swiper-slide-prev{
        padding-top: 0;
        height: auto;
        transform: none;
        z-index: unset;
        opacity: 1;
        box-shadow: none;
    }
    
    .logistic-interface .swiper-slide-next{
        padding-top: 0;
        height: auto;
        transform: none;
        z-index: unset;
        opacity: 1;
        box-shadow: none;
    }
    .logistic-interface__slider{
        overflow: hidden;
    }
    .logistic-interface__slider-wrapp{
        padding: 0 12px;
    }
    .logistic-interface__slider{
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .logistic-interface .swiper-slide .play-video-btn svg{
        width: 22px;
        height: 22px;
    }
    .logistic-interface .swiper-slide img{
        height: auto;
    }
    .logistic-interface{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .logistic-interface__title{
        font-size: 24px;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.48px;
        margin-bottom: 16px;
    }
    .logistic-interface__subtitle{
        font-size: 14px;
        letter-spacing: -0.28px;
    }
    .logistic-interface__subtitle{
        margin-bottom: 37px;
    }
    .logistic-interface__pagination{
        margin-top: 14px;
        gap: 3px;
    }
    .logistic-interface__pagination .swiper-pagination-bullet{
        width: 8px;
        height: 8px;
    }
    .btn-crm-interface.btn--middle{
        margin-top: 37px;
        width: 100%;
        max-width: 100%;
        height: 54px !important;
        font-size: 14px !important;
    }

    .logistic-interface__next, .logistic-interface__prev{
        display: flex;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 21.504px;
        height: 24px;
        z-index: 10;
    }

    .logistic-interface__next{
        right: -11px;
    }
    .logistic-interface__prev{
        left: -11px;
    }
    .logistic-interface__slider-wrapp{
        position: relative;
    }
}

@media (max-width: 480px){
    .logistic-interface__slide-violet-block{
        min-height: 20px;
        padding: 2px 6px;
        color: #FFF;
        font-size: 10px;
        font-weight: 700;
        line-height: 130%;
        letter-spacing: -0.2px;
    }

    .logistic-interface .swiper-slide.swiper-slide-active img{
        max-height: 149px;
    }
    .logistic-interface .swiper-slide.swiper-slide-active .logistic-interface__slide-violet-block + img{
        max-height: 129px;
    }
    .logistic-interface .swiper-slide-prev img,
    .logistic-interface .swiper-slide-next img
    {
        max-height: 149px;
    }
    .logistic-interface .swiper-slide img{
        height: 100%;
        object-fit: cover;
        object-position: top;
    }
    .logistic-interface .swiper-slide{
        max-height: 150px;
    }
}


.logistic-opportunities{
    background: #0B0A0C;
    position: relative;
    padding-top: 120px;
    padding-bottom: 80px;
}

.logistic-opportunities-bg{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1918px;
    height: 100%;
    border-radius: 0 200px;
}


.logistic-opportunities__title{
    text-align: center;
    color: #FFF;
    font-size: 48px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.96px;
    margin-bottom: 60px;
}
.logistic-opportunities__title span{
    color: #7250B4;
}

.logistic-opportunities__wrapp{
    position: relative;
    display: flex;
    align-items: center;
    gap: 26px;
    padding: 40px 34px 40px 30px;
    /* border: 1px solid #913AFF; */
    border-radius: 37px 37px 0 0;
    border-bottom: none;
    /* border-image: conic-gradient(from 50deg, rgba(145, 58, 255, 0.5),rgba(255, 199, 3, 0.5) , rgba(122, 212, 214, 0.5), rgba(140, 56, 248, 0.49),rgba(119, 47, 209, 0.41),rgba(0, 0, 0, 0)); */
}

.logistic-opportunities__left{
    display: flex;
    max-height: 734px;
    max-width: 550px;
    object-fit: contain;
}

.logistic-opportunities__right{
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.logistic-opportunities__item{
    display: flex;
    align-items: center;
    gap: 35px;
}
.logistic-opportunities__num{
    font-size: 26px;
    font-weight: 600;
    line-height: 160%;
    letter-spacing: -0.52px;
    background: linear-gradient(90deg, #FFC703 0%, #8B65FA 62.81%, #7250B4 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.logistic-opportunities__text{
    color: #FFF;
    font-size: 24px;
    font-weight: 600;
    line-height: 160%;
    letter-spacing: -0.48px;
}

.logistic-opportunities-wrapbg1{
    position: absolute;
    top: -67px;
    left: -73px;
}

.logistic-opportunities-wrapbg2{
    position: absolute;
    bottom: -72px;
    right: -163px;
}

.logistic-opportunities-border{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.logistic-opportunities .container{
    position: relative;
}

.logistic-opportunities-bg-mob{
    display: none;
}
@media (max-width: 1180px){
    .logistic-opportunities .container{
        padding: 0 40px;
    }
    .logistic-opportunities{
        padding-top: 70px;
        padding-bottom: 34px;
    }
    .logistic-opportunities__title{
        font-size: 32px;
        line-height: 120%;
        letter-spacing: -0.64px;
        margin-bottom: 55px;
    }
    .logistic-opportunities__left{
        max-width: 341px;
    }
    .logistic-opportunities__left img{
        width: 100%;
        height: auto;
    }
    .logistic-opportunities__text{
        font-size: 18px;
        font-weight: 600;
        line-height: 160%;
        letter-spacing: -0.36px;
        max-width: 623px;
    }
    .logistic-opportunities__wrapp{
        gap: 33px;
    }
    .logistic-opportunities__right{
        gap: 18px;
    }
    .logistic-opportunities-wrapbg1{
        top: -29px;
        left: -248px;
    }

    .logistic-opportunities-wrapbg2{
        bottom: unset;
        top: -92px;
        right: -37px;
        border-radius: 0px 200px;
    }

    .logistic-opportunities-wrapbg1{
        border-radius: 0px 200px;
    }
}

@media (max-width: 960px){
    .logistic-opportunities__left, .logistic-opportunities-wrapbg1, .logistic-opportunities-wrapbg2{
        display: none;
    }
    .logistic-opportunities{
        padding-bottom: 30px;
    }
    .logistic-opportunities__title{
        margin-bottom: 24px;
    }
    .logistic-opportunities__wrapp{
        padding: 40px 30px;
    }
    .logistic-opportunities-bg{
        display: none;
    }
    .logistic-opportunities-bg-mob{
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        height: calc(100% - 31px);
        bottom: 31px;
        border-radius: 0px 200px;
    }

    .logistic-opportunities__text{
        font-size: 17px;
        font-weight: 500;
    }
    .logistic-opportunities__item{
        gap: 24px;
    }
    .logistic-opportunities .container{
        padding: 0 28px;
    }
}

@media (max-width: 576px){
    .logistic-opportunities{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .logistic-opportunities-bg-mob{
        display: none;
    }
    .logistic-opportunities__title{
        font-size: 24px;
        margin-bottom: 32px;
    }
    .logistic-opportunities__wrapp{
        padding: 0;
        border: none;
    }
    .logistic-opportunities-border{
         display: none;
    }
    .logistic-opportunities .container{
        padding: 0 25px;
    }
    .logistic-opportunities__num{
        font-size: 23px;
    }
    .logistic-opportunities__item{
        gap: 23px;
    }
    .logistic-opportunities__text{
        font-size: 14px;
        font-weight: 600;
        line-height: 160%;
        letter-spacing: -0.28px;
    }
    .logistic-opportunities__right{
        gap: 24px;
    }
    
}

.logistic-transport{
    margin-bottom: 120px;
}

.logistic-transport__wrap{
    display: flex;
    gap: 27px;
}
.logistic-transport__right{
    max-width: 460px;
    width: 100%;
}

.logistic-transport__right img{
    width: 100%;
}

.logistic-transport__left{
    padding-top: 120px;
}

.logistic-transport__title{
    color: #262429;
    font-size: 48px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.96px;
    margin-bottom: 40px;
    max-width: 905px;
}
.logistic-transport__title span{
    color: #68529D;
}

.logistic-transport__slider .swiper-wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 22px;
}
.logistic-transport__item{
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 24px;
}
.logistic-transport__item-title{
    color: #000;
    font-size: 24px;
    font-weight: 600;
    line-height: 160%;
    letter-spacing: -0.48px;
    margin-bottom: 16px;
}
.logistic-transport__descr{
    color: #333;
    font-size: 17px;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -0.34px;
}

.logistic-transport__img{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 5px;
    background: #68529D;
}

.logistic-transport-desksmall, .logistic-transport-mob{
    display: none;
}

.logistic-transport__prev, .logistic-transport__next{
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.logistic-transport__prev{
    left: -27px;
}

.logistic-transport__next{
    right: -27px;
}


@media (max-width: 1440px){
    .logistic-transport-desk{
        display: none;
    }
    .logistic-transport-desksmall{
        display: block;
    }
    .logistic-transport__wrap{
        position: relative;
    }
    .logistic-transport__right{
        position: absolute;
        top: 0;
        right: -4px;
    }
    .logistic-transport .container{
        padding: 0 40px;
    }
    .logistic-transport__left{
        z-index: 1;
        max-width: 920px;
        margin: 0 auto;
    }
    .logistic-transport__left{
        padding-top: 82px;
    }
    .logistic-transport__title{
        font-size: 32px;
        line-height: 120%;
        letter-spacing: -0.64px;
        margin-bottom: 70px;
        max-width: 80%;
    }

    .logistic-transport__img{
        width: 55px;
        height: 55px;
    }
    .logistic-transport__item-title{
        margin-bottom: 8px;
    }
    .logistic-transport__slider .swiper-wrapper{
        gap: 32px 26px;
    }
    .logistic-transport__descr{
        font-size: 16px;
        letter-spacing: -0.32px;
    }
    .logistic-transport{
        margin-bottom: 135px;
    }
}

@media (max-width: 960px){
    .logistic-transport-desksmall{
        display: none;
    }
    .logistic-transport__title{
        max-width: 100%;
        text-align: center;
        margin-bottom: 38px;
    }
    .logistic-transport__slider .swiper-wrapper{
        display: flex;
        gap: 0;
    }
    .logistic-transport__item{
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 24px 20px 32px 20px;
        border-radius: 8px;
        background: #FFF;
        box-shadow: 0px 4px 18px 0px rgba(30, 15, 55, 0.15);
    }
    .logistic-transport__img{
        width: 52.743px;
        height: 55px;  
        margin: 0 auto;      
    }
    .logistic-transport__item-title, .logistic-transport__descr{
        text-align: center;
    }
    .logistic-transport__descr{
        text-align: center;
    }
    .logistic-transport__slider{
        max-width: 470px;
        margin: 0 auto;
        overflow: hidden;
    }
    .logistic-transport__slider-wrap{
        max-width: fit-content;
        margin: 0 auto;
    }
    .swiper-button-disabled path{
        transition: 300ms all;
    }
    .swiper-button-disabled path {
        fill:#999;
    }

    .logistic-transport__slider .swiper-slide{
        padding: 10px;
    }
    .logistic-transport__prev, .logistic-transport__next{
        display: flex;
    }

    .logistic-transport__slider-wrap{
        position: relative;
    }

    .logistic-transport__pagination{
        position: static !important;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 32px;
        gap: 3px;
        margin-left: auto;
        margin-right: auto;
    }
    .logistic-transport__pagination .swiper-pagination-bullet{
        width: 6.036px;
        height: 6.036px;
        border-radius: 6.036px;
        border: 1px solid #1B1B1B;
        background: #FCFCFC;
        margin: 0 !important;
        opacity: 1 !important;
        transition: 300ms all;

    }

    .logistic-transport__pagination .swiper-pagination-bullet-active{
        background: #FFC703;
    }

    .logistic-transport{
        margin-bottom: 80px;
    }
}

@media (max-width:600px){
    .logistic-transport__slider{
        max-width: 330px;
    }
}

@media (max-width: 480px){
    .logistic-transport__wrap{
        flex-direction: column-reverse;
        gap: 9px;
    }
    .logistic-transport-mob{
        display: block;
    }
    .logistic-transport__right{
        padding-top: 33px;
        position: relative;
    }
    .logistic-transport__left{
        padding-top: 0;
    }
    .logistic-transport__title{
        font-size: 24px;
        line-height: 130%;
        letter-spacing: -0.48px;
        margin-bottom: 32px;
    }
    .logistic-transport__slider-wrap{
        max-width: 100%;
    }
    .logistic-transport__slider{
        max-width: 100%;
        width: calc(100vw - 89px);
    }
    .logistic-transport__slider .swiper-slide{
        height: auto;
        padding: 20px;
    }
    .logistic-transport__pagination{
        margin-top: 0;
    }
    .logistic-transport__item{
        height: 100%;
        padding: 23px 8px 26px 8px;
        gap: 10px;
    }
    .logistic-transport__prev{
        left: -8px;
    }
    .logistic-transport__next{
        right: -8px;
    }
    .logistic-transport__img{
        width: 50px;
        height: 50px;
    }
    .logistic-transport__item-title{
        font-size: 18px;
        line-height: 140%;
        letter-spacing: -0.36px;
    }
    .logistic-transport__descr{
        font-size: 14px;
        letter-spacing: -0.28px;
    }
    .logistic-transport{
        margin-bottom: 60px;
    }
    .logistic-transport__right img{
        width: auto;
        margin: 0 auto;
    }
}

@media (max-width: 400px){
    .logistic-transport__wrap{
        margin-left: -10px;
        margin-right: -10px;
    }
    .logistic-transport__slider-wrap{
        margin-left: -13px;
        margin-right: -20px;
        width: calc(100% + 40px);
        max-width: calc(100% + 40px);
    }
    .logistic-transport__slider{
        margin: 0;
        width: calc(100vw - 38px);
    }
    .logistic-transport__prev{
        left: -5px;
    }
    .logistic-transport__next{
        right: 12px;
    }

    .logistic-transport__title{
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 26px);
        max-width: unset;
    }
}

.logistic-help{
    margin-top: 120px;
    margin-bottom: 118px;
}

.logistic-help__maintitle{
    text-align: center;
    max-width: 1109px;
    margin: 0 auto;
    margin-bottom: 40px;
    color: #262429;
    font-size: 48px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.96px;
}
.logistic-help__maintitle span{
    color: #7250B4;
}

.logistic-help__arrow{
    display: none;
}

.logistic-help__items{
    max-width: 940px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.logistic-help__item{
    gap: 40px;
    padding: 32px 75px 32px;
}
.logistic-help__item:nth-child(n){
    border-radius: 0px 1000px 1000px 0px;
    background: linear-gradient(-90deg, #F8F7FC 2.86%, rgba(248, 247, 252, 0.00) 72.23%);
    display: flex;
    align-items: center;
}
.logistic-help__item:nth-child(2n){
    border-radius: 1000px 0px 0px 1000px;
    background: linear-gradient(90deg, #F8F7FC 2.86%, rgba(248, 247, 252, 0.00) 72.23%);
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.logistic-help__left{
    display: flex;
    align-items: center;
    gap: 16px;
}
.logistic-help__head{
    display: flex;
    align-items: center;
    gap: 16px;
}

.logistic-help__img{
    width: 55px;
    height: 55px;
    border-radius: 5px;
    background: #68529D;
    display: flex;
    justify-content: center;
    align-items: center;
}
.logistic-help__title{
    color: #7250B4;
    font-size: 24px;
    font-weight: 600;
    line-height: 160%;
    letter-spacing: -0.48px;
}
.logistic-help__head{
    margin-bottom: 24px;
}

.logistic-help__body{
    color: #454545;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.16px;
}

.logistic-help__body li:not(:last-child){
    margin-bottom: 8px;
}

.logistic-help__body li{
    position: relative;
    padding-left: 25px;
}
.logistic-help__body li:before{
    content:'';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #454545;
}

.logistic-help__faq{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.logistic-help-btn{
    width: fit-content;
    margin: 0 auto;
    margin-top: 40px;
    height: 57px;
}

.logistic-help__item-img img{
    width: 272px;
    height: 273px;
    object-fit: contain;
}

@media (max-width: 1200px){
    .logistic-help__maintitle{
        max-width: 740px;
        font-size: 32px;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: -0.64px;
    }
    .logistic-help__item:nth-child(n){
        padding-left: 94px;
        padding-right: 86px;
    }
    .logistic-help__item:nth-child(2n){
        padding-right: 94px;
        padding-left: 86px;
    }
    .logistic-help__head{
        margin-bottom: 16px;
    }
    .logistic-help-btn{
        margin-top: 24px;
        font-size: 16px !important;
        height: 56px;
    }
    .logistic-help{
        margin-bottom: 100px;
    }
}


@media (max-width: 960px){
    .logistic-help{
        margin-top: 80px;
    }
    .logistic-help__maintitle{
        max-width: 100%;
        margin-bottom: 20px;        
    }
    .logistic-help__item:nth-child(n), .logistic-help__item:nth-child(2n){
        padding: 0;
        background: none;
        border-radius: 0;
    }
    .logistic-help__item-img{
        display: none;
    }
    .logistic-help__item{
        gap: 0;
    }
    .logistic-help__item:nth-child(2n){
        flex-direction: row;
    }

    .logistic-help__item{
        max-width: 570px;
        margin: 0 auto;
        width: 100%;
    }
    .logistic-help__faq{
        width: 100%;
    }
    .logistic-help__arrow{
        display: flex;
    }
    .logistic-help__head{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px;
        margin-bottom: 0;
    }
    .logistic-help__item{
        border-radius: 8px;
        background: #FFF;
        box-shadow: 0px 4px 18px 0px rgba(30, 15, 55, 0.15);
    }
    .logistic-help__body{
        padding: 0 18px 0 9px;
        max-height: 0px;
        overflow: hidden;
        transition: 300ms all ease-in;
        font-size: 14px;
        line-height: 140%; 
        letter-spacing: -0.14px;
    }
    .logistic-help__item.active .logistic-help__body{
        max-height: 999px;
        transition: 300ms all ease-in-out;
        padding-bottom: 17px;
    }
    .logistic-help__title{
        font-size: 18px;
        letter-spacing: -0.36px;
    }

    .logistic-help__arrow, .logistic-help__item.active .logistic-help__arrow path{
        transition: 300ms all;
    }

    .logistic-help__item.active .logistic-help__arrow{
        transform: rotate(-180deg);
    }
    
    .logistic-help__item.active .logistic-help__arrow path{
        fill: #7250B4;
    }
    .logistic-help-btn{
        margin-top: 32px;
    }
    .logistic-help{
        margin-bottom: 124px;
    }
    .logistic-help__img{
        width: 50px;
        height: 50px;
    }

}

@media (max-width: 480px){
    .logistic-help{
        margin-top: 0;
        padding-top: 60px;
        padding-bottom: 103px;
        margin-bottom: 0;
        position: relative;
    }

    .logistic-help:after{
        content:'';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 611px;
        background: linear-gradient(180deg, rgba(131, 85, 223, 0.08) 0%, rgba(255, 255, 255, 0.00) 100%);
    }
    .logistic-help .container{
        position: relative;
        z-index: 1;
    }
    .logistic-help__maintitle{
        font-size: 24px;
        line-height: 130%;
        letter-spacing: -0.48px;
        margin-bottom: 32px;
    }
    .logistic-help__img{
        width: 40px;
        height: 40px;
    }
    .logistic-help__title{
        color: #000;
    }
    .logistic-help__left{
        gap: 8px;
    }
    .logistic-help__head{
        transition: 300ms all;
        gap: 5px;
    }
    .logistic-help__item.active .logistic-help__head{
        padding-bottom: 11px;
    }
    .logistic-help__items{
        gap: 16px;
    }
    .logistic-help-btn{
        display: none !important;
    }
}


.logistic-manager{
    background-color: #0E0418;
    position: relative;
    padding-top: 121px;
    padding-bottom: 118px;
}

.logistic-manager-bg{
    position: absolute;
    top: 30px;
    right: 36px;
}

.logistic-manager .container{
    position: relative;
}

.logistic-manager__wrap{
    display: flex;
    align-items: flex-end;
    gap: 40px;
}

.logistic-manager__left{
    display: flex;
    position: relative;
    padding-top: 20px;
}

.logistic-manager__left:before{
    position: absolute;
    content: '';
    border-radius: 678px;
    background: rgba(180, 145, 211, 0.30);
    mix-blend-mode: hard-light;
    filter: blur(100px);
    width: 678px;
    height: 678px;
    left: -45%;
    top: -86px;

}

.logistic-manager__title{
    color: #FFF;
    font-size: 48px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.96px;
    max-width: 933px;
    margin-bottom: 40px;
}
.logistic-manager__title span{
    color: #FFC703;
}

.logistic-manager__items{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 21px;
}

.logistic-manager__item {
    position: relative;
    display: grid;
    align-items: center;
    grid-template-columns: 65px 1fr;
    gap: 16px;
    padding: 24px 21px;
}
.logistic-manager__itembg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.logistic-manager__icon{
    width: 65px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #7250B4;
}
.logistic-manager__text{
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.48px;
}

.logistic-manager-img img{
    width: 322.019px;
    height: 451.652px;
    object-fit: contain;
}

.logistic-manager__title-desk{
    display: none;
}

.logistic-manager__left img{
    z-index: 1;
}

.logistic-manager__img-tablet{
    display: none;
}


@media (max-width: 1440px){
    .logistic-manager{
        padding-top: 80px;
        padding-bottom: 72px;
    }
    .logistic-manager__title-desk{
        display: block;
    }
    .logistic-manager__title-deskbig{
        display: none;
    }
    .logistic-manager__title{
        font-size: 32px;
        line-height: 120%;
        letter-spacing: -0.64px;
        margin-bottom: 32px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .logistic-manager__left:before{
        width: 566px;
        height: 566px;
        top: -53px;
    }
    .logistic-manager__wrap{
        gap: 50px;
        max-width: 860px;
        margin: 0 auto;
    }
    .logistic-manager__items{
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .logistic-manager__item{
        padding: 20px 20px 14px 20px;
        gap: 24px;
    }
    .logistic-manager__itembg{
        /* display: none; */
    }
    .logistic-manager__icon{
        width: 55px;
        height: 55px;
    }
    .logistic-manager__text{
        font-size: 16px;
        line-height: 160%;
        letter-spacing: -0.32px;
    }

    .logistic-manager-bg{
        top: 46px;
        right: 56px;
        border-radius: 0px 200px;
        width: 265px;
        height: 345px;
    }
    .logistic-manager__left img{
        width: 295px;
        height: 414px;
    }
}

@media (max-width: 960px){
    .logistic-manager__left{
        display: none;
    }
    .logistic-manager{
        padding-bottom: 60px;
        padding-top: 80px;
    }
    .logistic-manager__items{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px 24px;
    }
    .logistic-manager__item{
        padding: 16px;
    }
    
    .logistic-manager__itembg{
        display: block;
    }
    .logistic-manager__icon{
        width: 65px;
        height: 65px;
    }
    .logistic-manager__text{
        letter-spacing: -0.28px;
    }
    .logistic-manager__item{
        gap: 8px;
    }
    .logistic-manager__img-tablet{
        display: flex;
        max-width: fit-content;
        margin: 0 auto;
        margin-top: -66px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -66px;
        background-color: #0E0418;
        border-radius: 100%;
    }
    .logistic-manager__img-tablet img{
        width: 146px;
        height: 146px;
    }
    .logistic-manager-bg{
        display: none;
    }
    .logistic-manager__title{
        padding-top: 10px;
    }
    .logistic-manager__text{
        font-size: 14px;
    }
}

@media (max-width: 700px){
    .logistic-manager__items{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px){
    .logistic-manager__img-tablet img{
        width: 100px;
        height: 100px;
        top: -43px;
    }
    .logistic-manager__title{
        font-size: 24px;
        line-height: 130%;
        letter-spacing: -0.48px;
        padding-top: 0;
    }
    .logistic-manager .container{
        padding: 0 24px;
    }
    .logistic-manager__item{
        align-items: flex-start;
        padding-bottom: 35px;
    }
    .logistic-manager__items{
        gap: 0;
    }
    .logistic-manager{
        padding-bottom: 35px;
    }
}

.logistic-cases{
    background: linear-gradient(180deg, rgba(131, 85, 223, 0.05) 0%, rgba(255, 255, 255, 0.00) 100%);
    padding-top: 120px;
    padding-bottom: 147px;
}

.logistic-cases__title{
    text-align: center;
    color: #262429;
    font-size: 48px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.96px;
    margin-bottom: 40px;
}

.logistic-cases__title span{
    color: #7250B4;
}

.logistic-cases__wrap{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
}

.logistic-cases__item-img{
    display: flex;
    margin-bottom: 40px;
    max-height: 405px;
    /* height: 100%; */
}
.logistic-cases__item-img img{
    max-width: 460px;
    max-height: 405px;
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
}
.logistic-case__title{
    color: #000;
    font-size: 24px;
    font-weight: 600;
    line-height: 160%;
    letter-spacing: -0.48px;
    margin-bottom: 16px;
    display: block;
}
.logistic-case__text{
    color: #333;
    font-size: 17px;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -0.34px;
}

.logistic-cases__more{
    display: block;
    max-width: fit-content;
    margin: 0 auto;
    margin-top: 40px;
    border-radius: 7px;
    border: 1px solid #FFC703;
}

@media (max-width: 1200px){
    .logistic-cases{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .logistic-cases__title{
        font-size: 32px;
        line-height: 120%;
        letter-spacing: -0.64px;
        margin-bottom: 64px;
    }
    .logistic-cases .container{
        padding: 0 40px;
    }
    .logistic-cases__wrap{
        gap: 26px
    }
    .logistic-cases__more{
        font-size: 16px !important;
    }

    .logistic-cases__item-img img, .logistic-cases__item-img{
        max-height: 306px;
    }
    .logistic-cases__item-img{
        margin-bottom: 24px;
    }
    .logistic-case__title{
        margin-bottom: 6px;
    }
}

@media (max-width: 960px){
    .logistic-cases{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .logistic-cases__title{
        margin-bottom: 32px;
    }
    .logistic-cases__wrap{
        gap: 24px;
    }
    .logistic-cases__item-img{
        margin-bottom: 24px;
    }
    .logistic-case__title{
        font-size: 18px;
        letter-spacing: -0.36px;
        margin-bottom: 8px;
    }
    .logistic-case__text{
        font-size: 14px;
        letter-spacing: -0.28px;
    }
    .logistic-cases__more{
        margin-top: 30px;
    }
    .logistic-cases__more{
        height: 53px;
        display: flex;
        align-items: center;
        font-size: 14px !important;
    }

    .logistic-cases__item-img img, .logistic-cases__item-img{
        max-height: 187px;
    }
}

@media (max-width: 600px){
    .logistic-cases__wrap{
        grid-template-columns: 1fr;
    }
    .logistic-cases__title{
        font-size: 24px;
        line-height: 130%;
        letter-spacing: -0.48px;
    }
    .logistic-cases__item-img img{
        max-width: 100%;
    }
    .logistic-cases .container{
        padding: 0 21px;
    }
    .logistic-case__title{
        margin-bottom: 16px;
    }
    .logistic-cases__more{
        font-size: 15px !important;
        height: 54px;
        width: 100%;
        max-width: 100%;
        justify-content: center;
        margin-top: 32px;

    }

    .logistic-cases__item-img img, .logistic-cases__item-img{
        max-height: 237px;
    }
}


.logistic-company{
    position: relative;
}

.logistic-company .logistic-company-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 611px;
    background: linear-gradient(180deg, rgba(131, 85, 223, 0.05) 0%, rgba(255, 255, 255, 0.00) 100%);
}

.logistic-company .container{
    position: relative;
    z-index: 1;
}

.logistic-company-map{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.logistic-company__wrap{
    padding-top: 120px;
    padding-bottom: 120px;
    display: flex;
    align-items: flex-start;
    gap: 121px;
    position: relative;
}

.logistic-company__title{
    color: #262429;
    font-size: 44px;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.88px;
    margin-bottom: 24px;
    max-width: 581px;
}
.logistic-company__title span{
    color: #7250B4;
}

.logistic-company__text{
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -0.32px;
}

.logistic-company__text p:not(:last-child){
    margin-bottom: 16px;
}

.logistic-company__right{
    padding: 18px 20px 16px 24px;
    border-radius: 8px 0px 0px 8px;
    background: #EDE7F8;
    max-height: 495px;
    overflow-y: auto;
    scrollbar-color: #FFFFFF #E2E2E2;
    scrollbar-width: thin;
}

  
/* Styling the scrollbar in Chrome and Safari */
.logistic-company__right::-webkit-scrollbar {
    width: 5px;
}

.logistic-company__right::-webkit-scrollbar-thumb {
    background-color: #FFFFFF;
    box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.18);
    border-radius: 8px;
}

.logistic-company__right::-webkit-scrollbar-track {
    background-color: #E2E2E2; 
}
.logistic-company__right h3{
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: -0.48px;
    margin-bottom: 12px;
}
.logistic-company__right h3:not(:first-child){
    margin-top: 32px;
}

.logistic-company__scroll-text{
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -0.32px;
}

.logistic-company__scroll-text a, .logistic-company__scroll-text strong{
    color: #7250B4;
}

.logistic-company__scroll-text p:not(:last-child),
.logistic-company__scroll-text ul:not(:last-child),
.logistic-company__scroll-text ol:not(:last-child),
.logistic-company__scroll-text li:not(:last-child)
{
    margin-bottom: 16px;
}

.logistic-company__scroll-text ul,
.logistic-company__scroll-text ol{
    padding-left: 24px;
    position: relative;
}
.logistic-company__scroll-text ol, 
.logistic-company__scroll-text ol li{
    list-style-type: decimal;
}

.logistic-company__scroll-text ul li{
    position: relative;
    padding-left: 12px;
}
.logistic-company__scroll-text ul li:before{
    content:'';
    position: absolute;
    top: 10px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #000;
}

.logistic-company__left{
    max-width: 581px;
    width: 100%;
}

.logistic-company__right{
    max-width: 738px;
    width: 100%;
}

@media (max-width: 1400px){
    .logistic-company__wrap{
        gap: 24px;
    }
}

@media (max-width: 1200px){
    .logistic-company .container{
        padding: 0 40px;
    }
    .logistic-company-map{
        height: 585px;
    }
    .logistic-company__wrap{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .logistic-company__title{
        max-width: 100%;
        font-size: 32px;
        letter-spacing: -0.64px;
    }
    .logistic-company__right{
        padding: 18px;
    }
    .logistic-company__scroll-text{
        font-size: 14px;
    }
    .logistic-company__right{
        max-height: 505px;
    }
}

@media (max-width: 960px){
    .logistic-company-map{
        top: 26px;
        height: 376px;
    }
    .logistic-company__wrap{
        flex-direction: column;
        padding-top: 60px;
        padding-bottom: 60px;
        gap: 38px;
    }
    .logistic-company__left{
        max-width: 100%;
    }
    .logistic-company__right{
        max-width: 576px;
        margin: 0 auto;
        padding: 28px 15px 52px 30px;
    }
    .logistic-company__scroll-text{
        letter-spacing: -0.28px;
    }
}

@media (max-width: 480px){
    .logistic-company .container{
        padding: 0 25px;
    }
    .logistic-company-bg, .logistic-company-map{
        display: none;
    }
    .logistic-company__wrap{
        padding-bottom: 101px;
        gap: 50px;
    }
    .logistic-company__title{
        font-size: 24px;
        line-height: 130%;
        letter-spacing: -0.48px;
    }
    .logistic-company__text{
        font-size: 14px;
        letter-spacing: -0.28px;
    }
    .logistic-company__right{
        padding: 18px;
    }
    .logistic-company__right h3{
        font-weight: 600;
        margin-bottom: 18px;
        text-align: center;
        line-height: 130%;
        letter-spacing: -0.48px;
    }
    .logistic-company__scroll-text p:not(:last-child), .logistic-company__scroll-text ul:not(:last-child), .logistic-company__scroll-text ol:not(:last-child), .logistic-company__scroll-text li:not(:last-child){
        margin-bottom: 8px;
    }
    .logistic-company__scroll-text ul, .logistic-company__scroll-text ol{
        padding-left: 4px;
    }

    
    .logistic-company__right{
        scrollbar-color: #7250B4 #E2E2E2;
    }

    .logistic-company__right::-webkit-scrollbar-thumb {
        background-color: #7250B4;
        box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.18);
    }

}

.new-crm__hero .bitrix-intro__body-btn:hover, .logistic-help-btn:hover{
    -webkit-transform: none !important;
    transform: none !important;
}

.new-crm__hero .btn--border:hover, .logistic-cases__more:hover{
    -webkit-transform: none !important;
    transform: none !important;
    border-color: #FFC703 !important;
    background: #FFC703 !important;
    color: #000 !important;
}

.btn-crm-interface, .logistic-cases__more{
    transition: 300ms all;
}
.btn-crm-interface:hover{
    background-color: #7250B4;
    color: #FFFDFD;
}


@media (min-width: 1180px){
    .logistic-crm__icon{
        position: relative;
    }

    .logistic-crm__icon:before{
        content:'';
        position: absolute;
        top: -38px;
        left: -31px;
        width: 125px;
        height: 125px;
        background-color: rgba(255, 188, 17, 0.10);
        opacity: 0;
        transition: 300ms all;
        border-radius: 100%;
    }
    .logistic-crm__icon:after{
        content:'';
        position: absolute;
        left: -44px;
        top: -51px;
        width: 151px;
        height: 151px;
        border: 1px solid #FFC703;
        opacity: 0.33;
        opacity: 0;
        transition: 300ms all;
        border-radius: 100%;
    }
    .logistic-crm__icon:hover:after{
        opacity: 0.33;
    }

    .logistic-crm__icon:hover:before{
        opacity: 1;
    }

    .logistic-crm__item:not(:first-child) .logistic-crm__icon:before{
        left: -38px;
    }
    .logistic-crm__item:not(:first-child) .logistic-crm__icon:after{
        left: -51px;
    }
}