/* Start:/bitrix/templates/npanachev/js/slick.css?17634742171776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/bitrix/templates/npanachev/js/slick-theme.css?17634742173141*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/bitrix/templates/npanachev/js/./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/bitrix/templates/npanachev/js/./fonts/slick.eot');
    src: url('/bitrix/templates/npanachev/js/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/npanachev/js/./fonts/slick.woff') format('woff'), url('/bitrix/templates/npanachev/js/./fonts/slick.ttf') format('truetype'), url('/bitrix/templates/npanachev/js/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none; 
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
   
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.slick-slider button {border:none; font-size:0}

/* End */


/* Start:/bitrix/templates/npanachev/js/fancybox.css?176347421715512*/
.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:transparent;overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:transparent;min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:transparent}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}
/* End */


/* Start:/bitrix/templates/npanachev/js/jp.player.custom.css?17634742171856*/
.music-player {
    background: #111;
    color: #fff;
    border-radius: 15px;
    font-family: sans-serif;
    display: flex;
    align-items: stretch;
    gap: 30px;
}


.music-player__button {
    flex: 0 0 auto;
}

.music-player__play,
.music-player__pause {
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 15px;
    background: #2563eb;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;
    padding: 0;
}


.music-player__play img,
.music-player__pause img {
    width: 20px;
    height: 20px;
    pointer-events: none;
}

.music-player__play:hover,
.music-player__pause:hover {
    background: #1B4BE9;
}

.music-player__pause { display: none; }
.music-player.jp-state-playing .music-player__play { display: none; }
.music-player.jp-state-playing .music-player__pause { display: flex; }


.music-player__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 7px;
}


.music-player__seek {

    height: 2px;
    background: #3A3C47;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
}
.music-player__bar {
    background: #1B4BE9;
    height: 4px;
    width: 0;
    border-radius: 3px;

}
.music-player__handle {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    background: #2563eb;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto;
}


.music-player__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: #bbb;
}
.music-player__title {
    margin-left: 10px;
    white-space: nowrap;

}




/* End */


/* Start:/bitrix/templates/npanachev/js/video-player.css?17692935987931*/
/**
 * Custom Video Player Styles
 * Кастомный видеоплеер
 * 
 * @version 1.0.0
 * @author LIHT
 * 
 * Использование:
 * 1. Подключите этот CSS файл
 * 2. Подключите video-player.js
 * 3. Создайте разметку с классом .video-player
 * 
 * Переменные можно переопределить в :root или .video-player
 */

/* ========== Video Player Variables ========== */
.video-player {
  /* Цвета - адаптировано под стиль nprime.ru */
  --vp-color-accent: #1B4BE9;
  --vp-color-bg: #0F1015;
  --vp-color-overlay: rgba(15, 16, 21, 0.5);
  --vp-color-controls-bg: rgba(11, 13, 17, 0.9);
  --vp-color-text: #fff;
  --vp-color-text-muted: #9D9D9D;
  --vp-color-progress-bg: #3A3C47;
  --vp-color-btn-hover: rgba(27, 75, 233, 0.2);
  --vp-color-btn-border: #3A3C47;
  
  /* Размеры */
  --vp-max-height: 540px;
  --vp-border-radius: 15px;
  --vp-controls-padding: 15px 20px;
  --vp-btn-size: 36px;
  --vp-play-btn-size: 80px;
  --vp-progress-height: 4px;
  --vp-progress-height-hover: 6px;
  
  /* Переходы */
  --vp-transition: 0.3s ease;
}

/* ========== Video Player Container ========== */
.video-player {
  position: relative;
  width: 100%;
  border-radius: var(--vp-border-radius);
  overflow: hidden;
  background: var(--vp-color-bg);
}

.video-player__video {
  width: 100%;
  max-height: var(--vp-max-height);
  display: block;
}

/* ========== Fullscreen Mode ========== */
.video-player:fullscreen {
  border-radius: 0;
}

.video-player:fullscreen .video-player__video {
  max-height: 100vh;
  height: 100vh;
  width: 100%;
  object-fit: contain;
}

.video-player:-webkit-full-screen {
  border-radius: 0;
}

.video-player:-webkit-full-screen .video-player__video {
  max-height: 100vh;
  height: 100vh;
  width: 100%;
  object-fit: contain;
}

.video-player:-moz-full-screen {
  border-radius: 0;
}

.video-player:-moz-full-screen .video-player__video {
  max-height: 100vh;
  height: 100vh;
  width: 100%;
  object-fit: contain;
}

/* ========== Overlay with Play Button ========== */
.video-player__overlay {
  position: absolute;
  inset: 0;
  background: var(--vp-color-overlay);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--vp-transition);
  cursor: pointer;
}

.video-player--playing .video-player__overlay {
  opacity: 0;
  pointer-events: none;
}

.video-player__play-btn {
  width: var(--vp-play-btn-size);
  height: var(--vp-play-btn-size);
  background: var(--vp-color-btn-hover);
  border: 2px solid var(--vp-color-btn-border);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--vp-color-text);
  transition: var(--vp-transition);
  backdrop-filter: blur(10px);
}

.video-player__play-btn svg {
  width: 32px;
  height: 32px;
}

.video-player__play-btn:hover {
  background: rgba(255, 255, 255, 0.25);
  border-color: var(--vp-color-text);
  transform: scale(1.1);
}

/* ========== Controls Bar ========== */
.video-player__controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--vp-controls-padding);
  background: linear-gradient(transparent, var(--vp-color-controls-bg));
  display: flex;
  align-items: center;
  gap: 15px;
  opacity: 0;
  transition: var(--vp-transition);
}

.video-player:hover .video-player__controls,
.video-player--playing .video-player__controls {
  opacity: 1;
}

.video-player:fullscreen .video-player__controls {
  padding: 20px 40px;
}

/* ========== Control Buttons ========== */
.video-player__btn {
  width: var(--vp-btn-size);
  height: var(--vp-btn-size);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--vp-color-text);
  background: transparent;
  border-radius: 50%;
  transition: var(--vp-transition);
  flex-shrink: 0;
}

.video-player__btn:hover {
  background: var(--vp-color-btn-hover);
}

.video-player__btn svg {
  width: 20px;
  height: 20px;
}

/* ========== Play/Pause Icons ========== */
.video-player__icon--pause {
  display: none;
}

.video-player--playing .video-player__icon--play {
  display: none;
}

.video-player--playing .video-player__icon--pause {
  display: block;
}

/* ========== Progress Bar ========== */
.video-player__progress {
  flex: 1;
  height: 36px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.video-player__progress-bar {
  width: 100%;
  height: var(--vp-progress-height);
  background: var(--vp-color-progress-bg);
  border-radius: 2px;
  position: relative;
  transition: height 0.15s ease;
}

.video-player__progress:hover .video-player__progress-bar {
  height: var(--vp-progress-height-hover);
}

.video-player__progress-filled {
  height: 100%;
  background: var(--vp-color-accent);
  border-radius: 2px;
  width: 0%;
  position: relative;
}

.video-player__progress-filled::after {
  content: '';
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: var(--vp-color-accent);
  border-radius: 50%;
  opacity: 0;
  transition: var(--vp-transition);
}

.video-player__progress:hover .video-player__progress-filled::after {
  opacity: 1;
}

/* ========== Time Display ========== */
.video-player__time {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px !important;
  color: var(--vp-color-text-muted) !important;
  font-weight: 500;
  white-space: nowrap;
}

.video-player__time-separator {
  opacity: 0.5;
}

/* ========== Volume Controls ========== */
.video-player__volume {
  position: relative;
  display: flex;
  align-items: center;
}

.video-player__icon--volume-off {
  display: none;
}

.video-player--muted .video-player__icon--volume-on {
  display: none;
}

.video-player--muted .video-player__icon--volume-off {
  display: block;
}

.video-player__volume-slider {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 36px;
  height: 0;
  padding: 0;
  background: var(--vp-color-controls-bg);
  border-radius: 8px;
  overflow: hidden;
  opacity: 0;
  transition: height 0.2s ease, opacity 0.2s ease, padding 0.2s ease;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 8px;
}

.video-player__volume:hover .video-player__volume-slider {
  height: 100px;
  padding: 12px 0;
  opacity: 1;
}

.video-player__volume-bar {
  width: var(--vp-progress-height);
  height: 100%;
  background: var(--vp-color-progress-bg);
  border-radius: 2px;
  cursor: pointer;
  position: relative;
}

.video-player__volume-filled {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--vp-color-text);
  border-radius: 2px;
  height: 100%;
}

/* ========== Fullscreen Button ========== */
.video-player__btn--fullscreen svg {
  width: 18px;
  height: 18px;
}

/* ========== Responsive ========== */
@media (max-width: 768px) {
  .video-player {
    --vp-play-btn-size: 60px;
    --vp-btn-size: 32px;
    --vp-controls-padding: 10px 15px;
  }
  
  .video-player__play-btn svg {
    width: 24px;
    height: 24px;
  }
  
  .video-player__controls {
    gap: 10px;
  }
  
  .video-player__btn svg {
    width: 16px;
    height: 16px;
  }
  
  .video-player__time {
    font-size: 11px;
  }
  
  .video-player__volume:hover .video-player__volume-slider {
    height: 80px;
  }
}

@media (max-width: 414px) {
  .video-player {
    --vp-controls-padding: 8px 10px;
  }
  
  .video-player__time {
    display: none;
  }
  
  .video-player__controls {
    gap: 8px;
  }
}

/* End */


/* Start:/bitrix/templates/npanachev/components/reaspekt/reaspekt.geobase.city/main/style.css?176347421716432*/
.wrapGeoIpReaspekt{
	font-family: 'Montserrat', sans-serif;
    color: white;
}
.reaspektGeobaseWrapperPopup {
    border-radius: 20px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
}
.reaspektGeobaseTitleFind {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 28px;
}
.reaspektGeobaseCurrentCity {
    color: #fff;
    font-size: 16px;
    margin-bottom: 18px;
    font-weight: 400;
}
.reaspektGeobaseCurrentCity span {
    font-weight: 500;
}
.reaspektGeobaseSearchWrap {
    position: relative;
    margin-bottom: 30px;
}
.reaspektGeobaseSearchWrap input[type="text"] {
    width: 100%;
    background: rgba(44,45,51,0.85);
    border: none;
    border-radius: 12px;
    padding: 16px 48px 16px 18px;
    color: #fff;
    font-size: 16px;
    outline: none;
}
.reaspektGeobaseSearchWrap span {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #9D9D9D;
    pointer-events: none;
    display: flex;
    align-items: center;
}
/* Убираем стили flexbox и заменяем на grid стили из style.css */

/* Стили для элементов в колонках */
.reaspektGeobaseCitiesCol div,
.reaspektSearchCity a {
    margin-bottom: 12px;
    font-size: 15px;
    transition: color 0.15s, background 0.15s;
    cursor: pointer;
    color: #9D9D9D;
    border-radius: 6px;
    padding: 2px 0 2px 0;
    display: block;
}
.reaspektGeobaseCitiesCol div.active {
    color: #2D5EFF;
    font-weight: 600;
    cursor: default;
}
.reaspektGeobaseCitiesCol div:hover:not(.active),
.reaspektSearchCity a:hover {
    color: #fff;
}
#ReaspektPopupBody{
    border-radius: 15px;
    border: 1px solid #3A3C47;
    background: rgba(15, 16, 21, 0.96);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(5px);
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    padding: 25px 25px 16px 25px;    
    min-height: 425px;
    max-width: 1000px;
    width: 90%; /* Добавляем ширину в процентах для адаптивности */
}
#ReaspektPopupBody .popup-window-close-icon {
    width: 32px;
    height: 32px;
    top: 26px !important;
    right: 28px !important;
    background: transparent !important;
    border-radius: 5px;
    transition: background 0.2s;
}
#ReaspektPopupBody .popup-window-close-icon:hover {
    background: rgba(58, 60, 71, 0.10) !important;
}
#ReaspektPopupBody .popup-window-close-icon:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 20px;
    height: 21px;
    content: "";
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M2.99875 3.49973C3.30438 3.1941 3.7999 3.1941 4.10553 3.49973L9.99984 9.39297L15.8918 3.49951C16.1974 3.19388 16.6929 3.19388 16.9985 3.49951C17.3042 3.80514 17.3042 4.30066 16.9985 4.60629L11.1066 10.4998L16.9985 16.3927C17.3042 16.6984 17.3042 17.1939 16.9985 17.4995C16.6929 17.8051 16.1974 17.8051 15.8918 17.4995L9.99984 11.6065L4.10531 17.4995C3.79968 17.8051 3.30416 17.8051 2.99854 17.4995C2.69291 17.1939 2.69291 16.6984 2.99854 16.3927L8.89307 10.4998L2.99875 4.6065C2.69312 4.30088 2.69312 3.80536 2.99875 3.49973Z' fill='%233A3C47'/></svg>");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    pointer-events: none;
}
.reaspektGeobaseTitle {
    color: #363636;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    text-shadow: 0 0 0.1px #878787;
    line-height: 100%;
    margin-bottom: 18px;
    text-transform: none;
}
.reaspekt_row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.reaspektGeobaseCities .reaspektGeobaseAct {
    min-width: min-content;
    box-sizing: border-box;
    position: relative;
    min-height: 1px;
    margin-right: 8px;
	margin-bottom: 20px;
}
.reaspektGeobaseCities .reaspektGeobaseAct a,
.reaspektGeobaseCities .reaspektGeobaseAct strong {
	font-size: 13px;
    line-height: 18px;
	color: #363636;
    white-space: nowrap;
    text-decoration: none;
    border: none;
    transition: all .2s ease;
    border-radius: 4px;
    background: #efefef;
    padding: 6px 10px 7px;
}
.reaspektGeobaseCities .reaspektGeobaseAct strong {
    cursor: default;
    color: #000000;
    background: #dbdbdb;
    font-weight: normal;
    text-shadow: 0 0 0.1px #545454;
}
.reaspektGeobaseCities .reaspektGeobaseAct a:hover {
    color: #000000;
    text-decoration: none;
    background: #dbdbdb;
}

/* .reaspektGeobaseTitleFind {
    font-size: 24px;
    font-weight: 800;
    color: white;
    margin-bottom: 25px;
} */

#reaspektGeobaseFind {
    position: relative;
}

.wrapGeoIpReaspekt {
	position: relative;
	display: inline-block;
}

.wrapGeoIpReaspekt .linkReaspekt{
    font-weight: 400;
    font-size: 16px;
    color:#fff;
    text-decoration:none;
	cursor: pointer;
	line-height: 100%;
	display: inline-block;
}

#wrapQuestionReaspekt{
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 5;
    min-width: 320px;
    max-width: 320px;
    background: rgba(24, 25, 29, 0.92);
    backdrop-filter: blur(8px);
    border-radius: 16px;
    border: 1.5px solid #23242A;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,0.35);
    margin-top: 32px;
    padding: 28px 18px 22px 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    font-family: 'Montserrat', sans-serif;
}
#wrapQuestionReaspekt:before{
	display: none;
}
.questionYourCityReaspekt{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    margin-bottom: 0;
    line-height: 1.3;
}
.questionCityReaspekt{
    color: #fff;
    font-weight: 400;
    word-break: break-word;
    white-space: normal;
    display: inline;
    /* Можно добавить max-width, если нужно ограничить ширину */
}
.questionButtonReaspekt {
    border: none;
    border-radius: 0;
    display: flex;
    gap: 12px;
    width: 100%;
    padding: 0;
    margin-top: 11px;
    background: none;
}
.questionNoReaspekt, .questionYesReaspekt {
    float: none;
    width: auto;
    min-width: 135px;
    flex: 1 1 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    padding: 13px 0;
    border-radius: 15px;
    border: 2px solid transparent;
    transition: background 0.15s, color 0.15s, border 0.15s;
    box-shadow: none;
    margin: 0;
    text-align: center;
    cursor: pointer;
    background: none;
    text-transform: uppercase;
}
.questionYesReaspekt {
    background: #1B4BE9;
    color: #fff;
    border-color: #1B4BE9;
}
.questionNoReaspekt {
    background: transparent;
    color: #fff;
    border: 1px solid #1B4BE9;
}
.questionYesReaspekt:hover, .questionYesReaspekt:focus {
    background: #2D5EFF;
    border-color: #2D5EFF;
    color: #fff;
}
.questionNoReaspekt:hover, .questionNoReaspekt:focus {
    background: #2D5EFF1A;
    color: #fff;
    border-color: #2453FF;
}
.questionYesReaspekt:active, .questionNoReaspekt:active {
    opacity: 0.85;
}
.wrapGeoIpReaspekt{
	font-family: 'Montserrat', sans-serif;
}
.reaspekt_geobase_title {
    color: #363636;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.reaspekt_geobase_cities .reaspekt_geobase_act{
	margin-bottom: 15px;
	line-height: 100%;
}
.reaspekt_geobase_cities .reaspekt_geobase_act a,
.reaspekt_geobase_cities .reaspekt_geobase_act strong{
	font-size: 14px;
    line-height: 100%;
	color: #363636;
    white-space: nowrap;
}
.reaspekt_geobase_cities .reaspekt_geobase_act a:after {
    background: #407da6 none repeat scroll 0 0;
}
.reaspekt_geobase_find {
    margin: 0 0 25px 0;
    position: relative;
}

#reaspektGeobaseSearch {
    width: 100%;
    padding: 15px;
    border-radius: 15px;
    opacity: 0.95;
    background-color: #1C1D24;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(5px);
    line-height: 150%;
    color: #fff;
    height: 60px;
}

/*#reaspektGeobaseSearch:hover {
    border-color: #7a7a7a;
    background: #f7f7f7 none repeat scroll 0 0;
}

#reaspektGeobaseSearch:focus,
#reaspektGeobaseSearch:focus-visible {
    outline: none;
    padding-left: 8px;
    border-color: #7a7a7a;
    background: #f7f7f7 none repeat scroll 0 0;
}*/

#reaspektResultCityAjax {
    color:#9D9D9D;
}

#reaspektResultCityAjax .reaspektSearchCity a {
    color:#9D9D9D;
    text-decoration: none;
    border-bottom: 1px solid #5e5e5e;
}
#reaspektResultCityAjax .reaspektSearchCity a:hover {
    text-decoration: none;
    border-bottom-color: #f7f7f7;
}
#reaspektResultCityAjax {
    /*background: #f7f7f7 none repeat scroll 0 0;*/
    height: 140px;
    overflow: overlay;
    padding: 10px;
    top: 100%;
    width: 100%;
    z-index: 3;
    box-sizing: border-box;
}
#reaspektResultCityAjax .reaspektNotFound {
    color: #9D9D9D;
}
#reaspektResultCityAjax::-webkit-scrollbar {
    width: 8px;
}
 
#reaspektResultCityAjax::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
#reaspektResultCityAjax::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: none;
}
.reaspektSearchCity {
    line-height: 26px;
}
.reaspektSearchCity a{
    color: #363636;
    font-size: 14px;
    line-height: 100%;
}
.reaspektSearchCity a:hover{
    text-decoration: underline;
}
/* Preloader styles */
.preloaderReaspekt {
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
}
.preloaderReaspekt.active {
    width: 40px;
    height: 40px;
    opacity: 1;
    visibility: visible;
}
.preloaderReaspekt div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 31px;
    height: 31px;
    margin: 4px;
    border: 4px solid #fff;
    border-radius: 50%;
    animation: preloaderReaspekt 1.2s cubic-bezier(0.3, 0, 0.3, 1) infinite;
    border-color: #bbbbbb transparent transparent transparent;
}
.preloaderReaspekt div:nth-child(1) {
    animation-delay: -0.45s;
}
.preloaderReaspekt div:nth-child(2) {
    animation-delay: -0.3s;
}
.preloaderReaspekt div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes preloaderReaspekt {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* Стили для списка городов с использованием grid */
.reaspektGeobaseCitiesList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 32px;
    width: 100%;
    max-height: 178px;
    overflow-y: auto;
    padding-right: 5px; /* Отступ для скролла */
}

/* Кастомный скролл для списка городов */
.reaspektGeobaseCitiesList::-webkit-scrollbar {
    width: 3px;
}

.reaspektGeobaseCitiesList::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 1.5px;
}

.reaspektGeobaseCitiesList::-webkit-scrollbar-thumb {
    background: #3A3C47;
    border-radius: 1.5px;
}

.reaspektGeobaseCitiesList::-webkit-scrollbar-thumb:hover {
    background: #4a4c57;
}

/* Для Firefox */
.reaspektGeobaseCitiesList {
    scrollbar-width: thin;
    scrollbar-color: #3A3C47 transparent;
}

/* Единые стили для всех элементов в списке городов */
.reaspektGeobaseCitiesCol div,
.reaspektSearchCity,
.reaspektSearchCity a {
    margin-bottom: 12px;
    font-size: 15px;
    transition: color 0.15s, background 0.15s;
    cursor: pointer;
    color: #9D9D9D;
    border-radius: 6px;
    padding: 2px 0 2px 0;
}

.reaspektGeobaseCitiesCol div.active,
.reaspektSearchCity.active,
.reaspektSearchCity a.active {
    color: #2D5EFF;
    font-weight: 600;
    cursor: default;
}

.reaspektGeobaseCitiesCol div:hover:not(.active),
.reaspektSearchCity:hover:not(.active),
.reaspektSearchCity a:hover {
    color: #fff;
}

/* Медиа-запросы для адаптивности */
@media (max-width: 900px) {
    .reaspektGeobaseCitiesList {
        gap: 0 12px;
    }
}

@media (max-width: 768px) {
    #ReaspektPopupBody {
        max-width: 90%;
        padding: 20px;
        padding-bottom: 20px;
        max-height: 80vh; /* Ограничиваем высоту в процентах от высоты окна */
    }
    
    #ReaspektPopupBody .popup-window-close-icon {
        top: 15px !important;
        right: 15px !important;
    }
    
    .reaspektGeobaseTitleFind {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .reaspektGeobaseCurrentCity {
        font-size: 14px;
        margin-bottom: 15px;
    }
}

@media (max-width: 600px) {
    .reaspektGeobaseCitiesList {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 450px) {
    #ReaspektPopupBody {
        max-width: 100%;
        width: 100%;
        height: 100vh;
        padding: 15px;
        padding-bottom: 15px;
        border-radius: 0;
        margin: 0;
        position: fixed;
        top: 0;
        left: 0;
        max-height: 100vh;
    }
    
    .popup-window {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }
    
    .popup-window-overlay {
        position: fixed !important;
    }
    
    #ReaspektPopupBody .popup-window-close-icon {
        width: 28px;
        height: 28px;
        top: 15px !important;
        right: 15px !important;
        z-index: 9999;
    }
    
    .reaspektGeobaseTitleFind {
        font-size: 20px;
        margin-top: 15px;
        margin-bottom: 20px;
    }
    
    .reaspektGeobaseSearchWrap {
        margin-bottom: 20px;
    }
    
    .reaspektGeobaseSearchWrap input[type="text"] {
        padding: 12px 40px 12px 15px;
        font-size: 14px;
    }
    
    .reaspektGeobaseCitiesList {
        grid-template-columns: 1fr;
        max-height: calc(100vh - 280px);
    }
}

@media (max-width: 450px) {
    #ReaspektPopupBody {
        max-width: 100%;
        padding: 15px;
        padding-bottom: 15px;
        border-radius: 10px;
    }
    
    #ReaspektPopupBody .popup-window-close-icon {
        width: 28px;
        height: 28px;
        top: 25px !important;
        right: 15px !important;
    }
    
    .reaspektGeobaseTitleFind {
        font-size: 20x;
        margin-bottom: 25px;
    }
    .reaspektGeobaseCurrentCity {
        font-size: 16px;
        margin-bottom: 20px;
    }
    
    .reaspektGeobaseWrapperPopup {
        padding: 0;
    }
    
    .reaspektGeobaseSearchWrap {
        margin-bottom: 40px;    
    }
    .reaspektGeobaseCitiesCol div  {
        margin-bottom: 25px;
    }
    .reaspektGeobaseSearchWrap input[type="text"] {
        padding: 12px 40px 12px 15px;
        font-size: 14px;
    }
    
}

/* Прелоадер */
.preloaderReaspekt {
    display: none;
}

.preloaderReaspekt.active {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/menu/top_menu/style.min.css?17634742182111*/
ul#vertical-multilevel-menu,#vertical-multilevel-menu ul{margin:0;padding:0;list-style:none;width:214px;font-size:12px}#vertical-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;border:1px solid #c1c1c1;border-bottom:0;width:200px}#vertical-multilevel-menu li a{display:block;text-decoration:none;color:#4f4f4f;font-weight:bold;padding:5px;background:#f5f5f5;border-bottom:1px solid #c1c1c1}#vertical-multilevel-menu li a.item-selected{background-color:#d6d6d6}#vertical-multilevel-menu li a:hover{background-color:#d6d6d6}#vertical-multilevel-menu a.root-item{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/bitrix/templates/.default/components/bitrix/menu/top_menu/images/item_bg.gif) 0 0 no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.root-item:hover,#vertical-multilevel-menu a.root-item-selected:hover{background:#61656a url(/bitrix/templates/.default/components/bitrix/menu/top_menu/images/item_bg.gif) 0 -26px no-repeat}#vertical-multilevel-menu a.root-item-selected{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/bitrix/templates/.default/components/bitrix/menu/top_menu/images/item_bg.gif) 0 -26px no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.parent{background:#f5f5f5 url(/bitrix/templates/.default/components/bitrix/menu/top_menu/images/arrow.gif) center right no-repeat;padding-right:10px}#vertical-multilevel-menu a.denied{background:#f5f5f5 url(/bitrix/templates/.default/components/bitrix/menu/top_menu/images/lock.gif) center right no-repeat;color:#ddd;padding-right:10px}/*\*/* html ul#vertical-multilevel-menu li{float:left;height:1%}* html ul#vertical-multilevel-menu li a{height:1%}/**/#vertical-multilevel-menu li ul.root-item{margin:-27px 0 0 210px}#vertical-multilevel-menu li ul{margin:-27px 0 0 133px}#vertical-multilevel-menu li:hover ul ul,#vertical-multilevel-menu li.jsvhover ul ul,#vertical-multilevel-menu li:hover ul ul ul,#vertical-multilevel-menu li.jsvhover ul ul ul{display:none}#vertical-multilevel-menu li:hover ul,#vertical-multilevel-menu li.jsvhover ul,#vertical-multilevel-menu li li:hover ul,#vertical-multilevel-menu li li.jsvhover ul,#vertical-multilevel-menu li li li:hover ul,#vertical-multilevel-menu li li li.jsvhover ul{display:block}
/* End */


/* Start:/bitrix/templates/npanachev/template_styles.css?1782475787206754*/
html, body { font-family: 'Montserrat', sans-serif; margin:0; padding:0; width:100%; box-sizing: border-box}

*, *:before, *:after {box-sizing: border-box}
h1, h2, h3 { font-weight:normal; padding:0; margin:0px; }
p { margin:0px; padding:0 }
img { border:none; outline:0 }
a { color:#333; outline:0 }
ul, ol, li {  list-style-position: inside; padding:0px; margin:0px; }
a:hover, a:focus {text-decoration: none; cursor:pointer; outline:0}
input, input[type="submit"], textarea {border:none; outline:0; font-family: 'Montserrat', sans-serif; -webkit-appearance: none; }
input[type=submit] {cursor:pointer}

.top_part { background: #0B0D11; width:100%; border-bottom: 2px solid #3A3C47;  }
.top_part .wrap { padding:15px 20px; max-width:1460px; margin:0 auto; display:flex; justify-content:space-between; align-items:center }
.top_part .wrap a { font-weight: 400; font-size: 16px; color:#fff; text-decoration:none}
.top_part .wrap .location {background:url(/bitrix/templates/npanachev/images/map.svg) no-repeat left center; padding:0 0 0 30px}
.top_part .wrap .lk {background:url(/bitrix/templates/npanachev/images/personal.svg) no-repeat left center; padding:0 30px 0 30px}
.top_part .wrap .lang { }

.insidepart {background:#0F1015}


.btn-view01 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: 15px;
    padding: 19.5px 40px;
    border: 1px solid #1b4be9;
    border-radius: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    transition: 0.25s;
    font-weight: 300;
}
.btn-view01:hover {
    background: rgba(45, 94, 255, 0.1);
    border-color: #2D5EFF;
}
.logo_part .top-menu li .title:focus, .logo_part .top-menu li .title:has(.root-item:focus){
    border: 1px solid #2D5EFF;
    border-radius: 4px;
}
.btn-view01:focus {
    box-shadow: 0 0 0 2px rgba(45, 94, 255, 0.40);
}
.btn-view01.btn-arrow::after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-image: url("/bitrix/templates/npanachev/./images/btn-arrow.svg");
    background-repeat: no-repeat;
    transition: 0.25s;
}
.btn-view01.btn-arrow:hover::after {
    transform: rotate(45deg);
}

.btn-view02 {
    position: relative;
    display: inline-flex;
    align-items: center;
    column-gap: 15px;
    padding: 10px 10px 12px 10px;
    font-weight: 500;
    font-size: 16px;
    border-radius: 15px;
    text-transform: uppercase;
    text-decoration: none;
    color: #1b4be9;
    transition: 0.25s;
}
.btn-view02:hover {
    background: rgba(45, 94, 255, 0.1);
}
.btn-view02::before {
    content: '';
    position: absolute;
    left: 10px;
    bottom: 9px;
    width: calc(100% - 20px);
    height: 1px;
    background: #1b4be9;
    transition: 0.25s;
}
.btn-view02.btn-arrow::after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-image: url("/bitrix/templates/npanachev/./images/btn-arrow-blue.svg");
    background-repeat: no-repeat;
    transition: 0.25s;
}
.btn-view02.btn-arrow:hover::after {
    transform: rotate(45deg);
}

.btn-view03 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: 15px;
    padding: 18px 40px;
    background-color: #1b4be9;
    border-radius: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    transition: 0.25s;
}
.btn-view03:hover {
    background: #2D5EFF;
}
/* Стили для футера по новому макету */
    footer {
        color: #fff;
        padding: 0 0 45px;
    }
    
    .wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 15px;
    }
    
    /* Стили для меню */
    .footer-menu {
        display: flex;
        justify-content: space-between;
        padding-bottom: 40px;
    }
    .footer-menu .footer-accordion-header a {
        color: #FFFFFF;
        text-decoration: none;
    }
    .footer-menu .footer-accordion-header a:hover {
    color: #2D5EFF;
    transition: color 0.2s ease;
    }
    .footer-menu .footer-accordion-header a:focus {
        outline: 1px solid #2D5EFF;
        border-radius: 4px;
    }
    
    .footer-menu-column {
        flex: 1;
        padding-right: 20px;
    }
    
    .footer-menu-column h3 {
        color: #FFFFFF;
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 20px;
    }
    
    .footer-menu-column ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .footer-menu-column ul li {
        margin-bottom: 15px;
    }
    
    .footer-menu-column ul li a {
        color: #9D9D9D;
        font-size: 16px;
        text-decoration: none;
        
    }
    
    .footer-menu-column ul li a:hover {
        color: #2D5EFF;
        transition: color 0.2s ease;
    }
    .footer-menu-column ul li a:focus {
        outline: 1px solid #2D5EFF;
        border-radius: 4px;
    }
    /* Стили для контактов */
    .footer-contacts-container {
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
    }
    
    .footer-contacts-left {
        display: flex;
        flex-wrap: wrap;
        gap: 30px 80px;
    }
    
    .footer-contacts-item {
        display: flex;
        flex-direction: column;
    }
    
    .footer-contacts-item span {
        color: #9D9D9D;
        font-size: 14px;
        margin-bottom: 8px;
    }
    
    .footer-contacts-item a,
    .footer-contacts-item p {
        color: #FFFFFF;
        font-size: 30px;
        text-decoration: none;
        font-weight: 500;
    }
    
    /* Стили для социальных иконок */
    .footer-social {
        display: flex;
        gap: 40px;
        margin-bottom: 20px;
    }
    
    .social-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: opacity 0.3s ease;
    }
    
    .social-icon img {
        width: 20px;
        height: 20px;
        border-radius: 3px;
    }
    
    .social-icon:hover {
        opacity: 0.8;
    }
    
    /* Стили для копирайта */
    .footer-bottom {
        padding-top: 30px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .footer-copyright {
        display: flex;
        /* justify-content: space-between; */
        align-items: center;
        gap: 50px;
    }
    .footer-copyright .footer-policy {
        padding-bottom: 8px;
    }
    .footer-copyright .footer-policy a {
        color: #9D9D9D;
        font-size: 14px;
        text-decoration: none;
        transition: color 0.3s ease;
    }
    
    .footer-copyright-text {
        color: #FFFFFF;
        font-size: 14px;
        display: flex;
        align-items: center;
        position: relative;
        padding-bottom: 8px;
    }
     .copyright-arrow {
        margin: 0 5px;
        position: relative;
        top: -1px;
        width: 12px;
        height: 21px;
    }
    
    .footer-copyright-text:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient(90.25deg, #CCB38D 0.21%, #725A3F 99.81%);
    }
    
    /* Альтернативный вариант с border-image, если нужен именно такой подход */
    /*
    .footer-copyright-text {
        border-bottom: 1px solid;
        border-image-source: linear-gradient(90.25deg, #CCB38D 0.21%, #725A3F 99.81%);
        border-image-slice: 1;
        border-image-width: 0 0 1px 0;
    }
    */
    
    @media (max-width: 992px) {
        .footer-menu {
            flex-wrap: wrap;
        }
        
        .footer-menu-column {
            flex-basis: 50%;
            margin-bottom: 30px;
        }

	#wrapQuestionReaspekt {z-index:999}
    }
    
    @media (max-width: 768px) {
        footer {
            background: #0F1015;
        }
        .footer-menu {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-areas:
                "solutions business"
                "empty contacts";
            gap: 0 24px;
            padding-bottom: 0;
        }
        .footer-menu-column {
            flex-basis: unset;
            padding-right: 0;
        }
        .footer-menu-column h3 {
            font-size: 20px;
            font-weight: 400;
            margin-bottom: 20px;
        }
        .footer-menu-column:nth-child(1) {
            grid-area: solutions;
        }
        .footer-menu-column:nth-child(1) ul {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0 18px;
            margin-bottom: 0;
        }
        .footer-menu-column:nth-child(1) ul li {
            margin-bottom: 20px;
        }
        .footer-menu-column:nth-child(2) {
            grid-area: business;
        }
        .footer-menu-column:nth-child(3) {
            grid-area: business;
            margin-top: 79px;
        }
        .footer-menu-column:nth-child(2) ul,
        .footer-menu-column:nth-child(3) ul {
            display: block;
        }
        .footer-menu-column:nth-child(2) ul li,
        .footer-menu-column:nth-child(3) ul li {
            margin-bottom: 0;
        }
        .footer-contacts-container {
            margin-top: 24px;
            margin-bottom: 0;
        }
        .footer-contacts-left {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px 40px;
        }
        .footer-contacts-item {
            margin-bottom: 0;
        }
        .footer-contacts-item span {
            color: #9D9D9D;
            font-size: 14px;
            margin-bottom: 4px;
        }
        .footer-contacts-item a,
        .footer-contacts-item p {
            color: #fff;
            font-size: 22px;
            font-weight: 400;
            line-height: 1.2;
        }
        .footer-social {
            justify-content: center;
            margin: 24px 0 18px 0;
            gap: 40px;
        }

     
        .footer-policy {
            padding-bottom: 0;
        }
        .footer-policy a {
            color: #9D9D9D;
            font-size: 13px;
            font-weight: 400;
            margin-left: 18px;
            white-space: nowrap;
        }
        .footer-copyright {
            flex-wrap: wrap;
            justify-content: center;
        }
  
        .copyright-arrow {
            margin: 0 6px 0 4px;
            width: 12px;
            height: 21px;
            top: 0;
        }
        .northprime {
            font-weight: 400;
            margin-left: 0;
        }
        footer {
            padding: 0 0 25px;
        }
    }
    @media (max-width: 450px) {
        .footer-menu {
            display: block;
            padding-bottom: 0;
        }
        .footer-menu-column:nth-child(3) {
            margin-top: 0;
        }
        .footer-menu-column h3 {
            margin-bottom: 0;
        }
        .footer-menu-column:nth-child(1) ul li:nth-child(1) {
            margin-top: 10px
        }
        .footer-menu-column:nth-child(1) ul {
            grid-template-columns: 1fr;
        }
        .footer-menu-column {
            margin-bottom: 0;
            padding-right: 0;
        }
        .footer-menu-column:nth-child(1) ul li {
            margin-bottom: 12px;
        }
        .footer-accordion-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 17px;
            font-weight: 400;
            margin: 0;
            padding: 18px 0 6px 0;
            cursor: pointer;
            background: none;
            border: none;
            width: 100%;
            color: #fff;
            letter-spacing: 0.01em;
        }
        .footer-accordion-arrow {
            display: inline-block;
            width: 18px;
            height: 18px;
            margin-left: 8px;
            background: url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 4L12 9L7 14" stroke="%239D9D9D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;
            transition: transform 0.3s;
        }
        .footer-accordion.open .footer-accordion-arrow {
            transform: rotate(90deg);
        }
        .footer-accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), padding-bottom 0.3s;
            padding-left: 0;
            margin: 0;
        }
        .footer-accordion.open .footer-accordion-content {
            max-height: 500px;
            padding-bottom: 8px;
            transition: max-height 0.7s cubic-bezier(0.4, 0, 0.2, 1), padding-bottom 0.3s;
        }
        .footer-menu-column:nth-child(3) ul li:nth-child(1) {
            margin-top: 15px;
        }
        .footer-accordion-content li {
            margin-bottom: 8px;
        }
        .footer-accordion-content li:last-child {
            margin-bottom: 0;
        }
        /* Контакты — сетка 2x2 */
        .footer-contacts-container {
            margin-top: 18px;
            margin-bottom: 0;
        }
        .footer-contacts-left {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 18px 20px;
            width: 100%;
        }
        .footer-contacts-item {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin-bottom: 0;
        }
        .footer-contacts-item span {
            color: #9D9D9D;
            font-size: 12px;
            margin-bottom: 2px;
            line-height: 1.2;
        }
        .footer-contacts-item a,
        .footer-contacts-item p {
            color: #fff;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.2;
            word-break: break-all;
        }
        /* Соцсети по центру */
        .footer-social {
            justify-content: center;
            margin: 38px 0 38px 0;
            gap: 60px;
        }
        .social-icon img {
            width: 20px;
            height: 20px;
        }

        .footer-copyright {
            flex-direction: column;
            align-items: center;
            gap: 0;
            border-top: none;
            padding-top: 0;
        }
        .footer-copyright-text {
            color: #fff;
            font-size: 13px;
            font-weight: 400;
            display: flex;
            align-items: center;
            padding-bottom: 0;
            border-bottom: none;
            justify-content: center;
            margin-bottom:25px;
        }
        .copyright-arrow {
            margin: 0 6px 0 4px;
            width: 12px;
            height: 21px;
            top: 0;
        }
        .northprime {
            font-weight: 400;
            margin-left: 0;
        }
        .footer-policy {
            width: 100%;
            text-align: center;
            padding-bottom: 0;
            margin-bottom: 0;
        }
        footer {
            padding: 0;
        }
        .footer-policy a {
            color: #9D9D9D;
            font-size: 13px;
            font-weight: 400;
            margin: 0;
            white-space: nowrap;
            text-decoration: none;
        }
    }
    @media screen and (min-width: 1600px)  {
        
         #scrollToTopBtn {
        display: none;
        position: fixed;
        right: 40px;
        bottom: 40px;
        z-index: 1000;
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
        outline: none;
        transition: opacity 0.3s;
        opacity: 0.95;
    }
    #scrollToTopBtn .scroll-to-top-svg {
        display: block;
        width: 56px;
        height: 56px;
    }
    #scrollToTopBtn:active {
        opacity: 0.7;
    }
    @media (max-width: 600px) {
        #scrollToTopBtn {
            right: 20px;
            bottom: 20px;
        }
    }
    }
    #scrollToTopBtn {
        display: block;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        right: 40px;
        bottom: 40px;
        z-index: 1000;
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
        outline: none;
        transition: opacity 0.4s cubic-bezier(.4,0,.2,1);
    }
   .scroll-to-top-img {
    display: block;
    width: 56px;
    height: 56px;
    background: url('/bitrix/templates/npanachev/images/scroll.png') no-repeat center/contain;
    transition: background-image 0.2s;
    }
    #scrollToTopBtn:hover .scroll-to-top-img {
        background-image: url('/bitrix/templates/npanachev/images/scroll-hover.png');
    }
    #scrollToTopBtn.visible {
        opacity: 0.95;
        pointer-events: auto;
    }
    #scrollToTopBtn:not(.visible) {
        opacity: 0;
        pointer-events: none;
    }
    @media (max-width: 1023px) {
        #scrollToTopBtn {
            display: none !important;
        }
    }
.banner-mouse-anim {
    position: absolute;
    left: 0;
    top: 70%;
    transform: translateY(-50%);
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 70px;
    height: 451px; /* теперь совпадает с линией */
    pointer-events: none;
    justify-content: flex-start;
    z-index: 0;
}

.banner-mouse-anim .mouse {
    width: 40px;
    height: 70px;
    border: 2px solid #ccb38d;
    border-radius: 20px;
    position: relative;
    background: transparent;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.banner-mouse-anim .mouse-wheel {
    position: absolute;
    left: 50%;
    top: 18px;
    width: 6px;
    height: 18px;
    background: #1b4be9;
    border-radius: 3px;
    transform: translateX(-50%);
    animation: mouse-wheel-move 1.8s infinite;
}

@keyframes mouse-wheel-move {
    0% { top: 18px; opacity: 1; }
    60% { top: 38px; opacity: 1; }
    80% { opacity: 0.2; }
    100% { top: 18px; opacity: 0; }
}

.banner-mouse-anim .mouse-line {
    width: 1.5px;
    height: 281px;
    background: linear-gradient(90.25deg, #CCB38D 0.21%, #725A3F 99.81%);
    margin: 0 auto;
    position: relative;
}

.banner-mouse-anim .mouse-svg-wrap {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    animation: mouse-move-updown-track 3s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    z-index: 2;
}
.primery-btn{
    background:#1B4BE9 !important;
}
.primery-btn:hover{
    background: #2D5EFF !important;
}
.primery-btn:focus{
    background: #2D5EFF !important;
    box-shadow: 0 0 0 2px rgba(45, 94, 255, 0.40) !important;
}
@keyframes mouse-move-updown-track {
    0%   { top: 12%; }
    10%  { top: 12%; }
    45%  { top: 175px; }
    55%  { top: 175px; }
    90%  { top: 12%; }
    100% { top: 12%; }
}

.banner-mouse-anim .mouse-svg {
    width: 60px;
    height: 60px;
    display: block;
}

.banner-mouse-anim .mouse-text {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    color: #9D9D9D;
    font-size: 16px;
    /* Исправлено: одинаковый межбуквенный интервал */
    letter-spacing: normal;
    margin-top: 18px;
    z-index: 3;
    position: relative;
    white-space: nowrap;
    line-height: 1;
    font-weight: 500;
}
/* --- Комплексная система управления --- */
.management-system-block {
    border-radius: 15px;
    padding: 0px 40px 120px 40px;
    margin: 50px auto 0;
   max-width: 1460px;
    color: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
}
.management-system-block .management-system-title br{display: none;}
.management-system-title {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.01em;
    margin-bottom: 24px;
    position: relative;
    text-transform: uppercase;
    line-height: 1.5;
    color: #fff;
}
.management-system-title span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px;
    width: 60px;
    height: 2px;
    background: linear-gradient(90.25deg, #CCB38D 0.21%, #725A3F 99.81%);
    border-radius: 2px;
    position: relative;
    top: -4px;
}
.management-system-desc {
    color: #9D9D9D;
    font-size: 18px;
    margin-bottom: 32px;
    line-height: 1.6;
    max-width: 960px;
}
.management-system-list {
    display: flex;
    gap: 48px;
    margin-bottom: 32px;
}
.management-system-col {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.management-system-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #23242a;
}
.management-system-item:last-child {
    border-bottom: none;
}
.management-system-item .num {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    min-width: 36px;
    text-align: left;
    margin-top: 2px;
    letter-spacing: 0.03em;
}
.management-system-item .item-title {
    font-size: 20px;
    font-weight: 500;
    background: linear-gradient(90.25deg, #CCB38D 0.21%, #725A3F 99.81%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    margin-bottom: 15px;
}
.management-system-item .item-desc {
    font-size: 16px;
    color: #9D9D9D;
    line-height: 1.5;
    font-weight: 400;
}
.management-system-bottom {
    margin-top: 32px;
    color: #9D9D9D;
    font-size: 18px;
    line-height: 1.6;
    max-width: 960px;
}

/* --- Адаптив --- */
@media (max-width: 900px) {
    .management-system-block {
        padding: 32px 20px 24px 20px;
        margin: 40px 0 40px 0;
    }
    .management-system-list {
        flex-direction: column;
        gap: 24px;
    }
    .management-system-col {
        gap: 12px;
    }
}
@media (max-width: 600px) {
    .management-system-block {
        padding: 18px 5vw 18px 5vw;
        margin: 30px 0 30px 0;
    }
    .management-system-title {
        font-size: 18px;
    }
    .management-system-desc,
    .management-system-bottom {
        font-size: 16px;
    }
    .management-system-item .num {
        font-size: 20px;
        min-width: 28px;
    }
    .management-system-item .item-title {
        font-size: 20px;
    }
    .management-system-item .item-desc {
        font-size: 16px;
    }
}



/* --- Адаптив для планшетов (768px) --- */
@media (max-width: 1024px) {
    .banner-mouse-anim {
        left: 10px;
        width: 40px;
        height: 335px;
    }
    .banner-mouse-anim .mouse-line {
        height: 220px;
    }
    .banner-mouse-anim .mouse-svg-wrap {
        width: 36px;
        height: 36px;
        animation-name: mouse-move-updown-track-mobile;
        animation-duration: 2.2s;
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    @keyframes mouse-move-updown-track-mobile {
        0%   { top: 10%; }
        10%  { top: 10%; }
        45%  { top: 130px; }
        55%  { top: 130px; }
        90%  { top: 10%; }
        100% { top: 10%; }
    }
    .banner-mouse-anim .mouse-svg {
        width: 36px;
        height: 36px;
    }
    .banner-mouse-anim .mouse-text {
        font-size: 11px;
        margin-top: 8px;
    }
}

/* --- Адаптив для мобильных (450px и ниже) --- */
@media (max-width: 470px) {
.banner-mouse-anim {
    top: 90%;
}
}

/* Стили для фиксированной части логотипа */
.logo_part.fixed-logo-part {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 1300;
    background: rgba(15, 16, 21, 0.97);
    box-shadow: 0 2px 12px rgba(0,0,0,0.07);
    transition: box-shadow 0.2s, background 0.2s;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    opacity: 0;
    pointer-events: none;
    backdrop-filter: blur(6px);
    transition:
        opacity 0.35s cubic-bezier(.4,0,.2,1),
        background 0.2s,
        box-shadow 0.2s;
}

/* Когда фиксированная шапка активна (JS выставляет style="opacity:1;") */
.logo_part.fixed-logo-part[style*="opacity: 1"] {
    pointer-events: auto;
}

.logo_part.fixed-logo-part > .wrap {
    max-width: 1460px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}

/* Для мобильных — адаптация */
@media (max-width: 1460px) {
    .logo_part.fixed-logo-part > .wrap {
        max-width: 100vw;
        padding: 0 10px;
    }
}
@media (max-width: 768px) {
    .logo_part.fixed-logo-part {
        min-height: 66px;
    }
    .logo_part.fixed-logo-part a svg {
        height: 30px;
    }
    .logo_part.fixed-logo-part > .wrap {
        padding: 0 10px 0 15px;
    }
}



.banner_part { background:url(/bitrix/templates/npanachev/images/banner.jpg) no-repeat top center #0F1015; width:100%; padding:20px 0; height:850px }
.banner_part.inside { background:url(/bitrix/templates/npanachev/images/bg_img_circle.svg) no-repeat top right #0F1015; height:1090px; background-size: 80%; }
.banner_part.inside.products{background: none; height: auto; padding-bottom: 0;}
.banner_part.inside.contacts-new{background: none; height: auto; padding-bottom: 0;}
.banner_part.inside.contacts-new .wrap .banner_text.inside{display: none;}

/* Competencies Banner Custom Styles */
.banner_part.inside.competencies { background: none; height: auto;  }
.competencies-banner { position: relative; z-index: 1; max-width: 1420px; margin: 34px auto 0; height: 400px; border-radius: 15px; border: 1px solid #3A3C47; background: #1C1D24; overflow: hidden; }
.competencies-banner__content { position: absolute; top: 50px; left: 50%; transform: translateX(-50%); z-index: 10; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; padding-bottom: 30px; width: 100%; }
.competencies-banner__title { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 50px; line-height: 1.3; color: #fff; white-space: nowrap; margin: 0; }
.competencies-banner__subtitle { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 20px; line-height: 1.5; color: #9D9D9D; max-width: 700px; margin: 0; }
.competencies-banner canvas { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; }

/* Light Ellipse - источник света как в Figma */
.competencies-light-ellipse {
    position: absolute;
    width: 979px;
    height: 258px;
    left: 50%;
    top: -68%;
    transform: translateX(-50%);
    background: #1B4BE9;
    filter: blur(150px);
    z-index: 2;
    pointer-events: none;
    border-radius: 979px;
}

/* Competencies Banner Responsive */
@media (max-width: 1460px) {
    .competencies-banner { margin-left: 20px; margin-right: 20px; max-width: calc(100% - 40px); }
}
@media (max-width: 1024px) {
    .competencies-banner { height: 350px; }
    .competencies-banner__title { font-size: 40px; }
    .competencies-banner__subtitle { font-size: 18px; max-width: 600px; padding: 0 20px; }
}
@media (max-width: 768px) {
    .competencies-banner { height: 300px; }
    .competencies-banner__title { font-size: 28px; white-space: normal; padding: 0 20px; }
    .competencies-banner__subtitle { font-size: 16px; max-width: 100%; padding: 0 20px; }
}
@media (max-width: 480px) {
    .competencies-banner { height: 280px; }
    .competencies-banner__title { font-size: 22px; }
    .competencies-banner__subtitle { font-size: 14px; }
    .competencies-banner__content { top: 30px; }
}

/* Hide default banner content for competencies page */
.banner_text.inside.competencies-hidden { display: none; }
.banner_part .wrap { max-width:1460px; margin:0 auto; padding:0 20px }
 .logo_part {display:flex;  justify-content:space-between; align-items:center; position: relative;}
 .logo_part a {  }
.logo_part a > svg:hover path { fill:#725A3F}
.logo_part > a:first-of-type img { transition: 0.2s; transform: rotate(0deg); }
 .logo_part > a:first-of-type:hover img { /*transform: rotate(360deg);*/ }
 .logo_part .top-menu {display:flex; list-style:none; gap:40px}
 .logo_part .top-menu li {position: relative; }
.logo_part .top-menu li .title {display: flex;}
 .logo_part .top-menu li a {font-weight: 300; font-size: 18px; color:#fff; text-decoration:none}
.logo_part .top-menu li a:hover { color: #1B4BE9;}
.logo_part .search {}
 .logo_part .search a {padding:0 0 0 20px}

.menu-popup__logo {
    opacity: 0;
    width: 25px;
    height: 30px;
}

.menu_bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1480;
}

.header-menu-dropdown.open {display: block;}
.header-menu-dropdown {display: none;position: absolute;left: 0;right: 0;top: 120%;z-index: 2;border-radius: 15px;border: 1px solid #3A3C47;opacity: 0.99;background: #0F1015;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);backdrop-filter: blur(20px);}
.header-menu-dropdown__wrap {padding: 30px 30px 10px 30px;display: flex;}
.header-menu-dropdown__logo-n-desc {flex-basis: 33%;}
.header-menu-dropdown__wrap-logo {margin-bottom: 20px;}
.header-menu-dropdown__desc {color: #9D9D9D;line-height: 150%;}
.header-menu-dropdown__menu {flex-basis: 77%;padding-left: 30px;display: flex;border-left: 1px solid #3A3C47;}
.header-menu-dropdown__menu-leftside {margin-right: 20px;display: flex;flex-direction: column;}
.header-menu-dropdown__menu-rightside {display: flex;flex-direction: column;}
.header-menu-dropdown__menu-link {flex-basis: 120px;text-decoration: none;}
.header-menu-dropdown__menu-item {max-width: 460px;display: flex;margin-bottom: 25px;}
.header-menu-dropdown__company-text {padding-left: 20px;}
.header-menu-dropdown__company-name {font-weight: 400;font-size: 20px;color: #FFF;margin-bottom: 13px;}
.header-menu-dropdown__company-desc {color: #9D9D9D;font-size: 16px;font-weight: 400; line-height: 150%;}
#dropdown-4 > div > div.header-menu-dropdown__menu > div.header-menu-dropdown__menu-leftside > a:nth-child(2) > div > div.header-menu-dropdown__company-text {max-width: 350px;}
.header-menu-dropdown__menu-link:hover .header-menu-dropdown__company-desc {
    color: #FFF;
}

.banner_part .wrap .banner_text { text-align:center; padding-top:140px; position:relative}
.banner_part.products .wrap .banner_text {padding-top: 40px;}
.banner_part.inside .banner_text .downmore {width:70px; height:70px; font-weight: 400; display:flex; align-items: center; position:absolute; bottom:-100px; left:0}
.banner_part.inside .banner_text .downmore {display: none}
.banner_part.inside .banner_text .downmore span {transform: rotate(-180deg); position: relative; overflow: hidden; border: 1.99969px solid #9D9D9D; width:70px; height:70px; display:flex; align-items:center; justify-content:center; border-radius:50px; margin-bottom:0;}
.banner_part.inside .banner_text .downmore span:before {content: '';position: absolute;z-index: 1; height: 0;width: 100%;background: #fff;left: 0;bottom: 0;transition: all .2s;}
.banner_part.inside .banner_text .downmore:hover span:before {height: 100%;}
.banner_part.inside .banner_text .downmore span svg {position: relative;z-index: 2;transform: rotate(180deg);}

.banner_part .wrap .banner_text h1 {font-weight: 500; font-size: 50px; color:#fff; padding-top:40px}
.banner_part .wrap .banner_text.inside { display:flex; justify-content:space-between}
.banner_part .wrap .banner_text.inside > div {width:30%;     flex: 1 0 30%;}
.banner_part .wrap .banner_text.inside div h1 { color:#fff; font-size:70px; font-weight:600;text-align:left;  margin-top:100px;  }
.banner_part .wrap .banner_text.inside div p,
.banner_part .wrap .banner_text.inside div div{font-size: 29.995px;color: #9D9D9D; text-align:left; font-weight: 400;}
.banner_part .wrap .banner_text.inside img {width: 66%;}
.banner_part .wrap .banner_text.inside img.fr-img {width: 64%;}

.banner_part .wrap .banner_text.inside .product-title{flex: 1; height: 540px; border-radius: 15px; padding: 50px; display: flex; flex-direction: column; justify-content: flex-end; background: url(/bitrix/templates/npanachev/images/product-title-bg.png) no-repeat center / cover; align-items: flex-start;}
.banner_part .wrap .banner_text.inside .product-title h1{font-weight: 500; font-size: 50px; line-height: 130%; margin-bottom: 30px;}
.banner_part .wrap .banner_text.inside .product-title p{font-weight: 500; font-size: 20px; line-height: 150%; color: var(--neutral-gray-light, #9d9d9d); max-width: calc(100% - 190px); margin-bottom: 40px;}
.banner_part .wrap .banner_text.inside .banner-slides{width: 580px; flex: 0 0 auto; margin-left: 20px; display: inline-flex; margin-bottom: 0;}
.banner_part .wrap .banner_text.inside .banner-slides .slick-track{height: 100%;}
.banner_part .wrap .banner_text.inside .banner-slides .banner-item{width: 100%;  border-radius: 15px; overflow: hidden; flex: 1 0 100%; height: 540px;}
.banner_part .wrap .banner_text.inside .banner-slides .banner-item--video{height: 540px;}
.banner_part .wrap .banner_text.inside .banner-slides .banner-item--video .video-player{height: 100%; max-height: 540px;}
.banner_part .wrap .banner_text.inside .banner-slides .banner-item--video .video-player__video{height: 100%; object-fit: cover;}
.banner_part .wrap .banner_text.inside .banner-slides img{width: 100%; height: 100%; object-fit: cover; display: block;}
.banner_part .wrap .banner_text.inside .banner-slides .slick-dots{position: absolute; right: 100%; width: auto; display: flex; margin-right: 20px; padding: 20px 0 10px 20px; background: #0F1015; bottom: 0; border-top-left-radius: 20px;}
.banner_part .wrap .banner_text.inside .banner-slides .slick-dots::after,
.banner_part .wrap .banner_text.inside .banner-slides .slick-dots::before{content: ""; position: absolute; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 20C11.0457 20 20 11.0457 20 0L20 20L0 20Z' fill='%230F1015' /%3E%3C/svg%3E");}
.banner_part .wrap .banner_text.inside .banner-slides .slick-dots::before{bottom: 0; right: 100%;}
.banner_part .wrap .banner_text.inside .banner-slides .slick-dots::after{bottom: 100%; right: 0;;}
.banner_part .wrap .banner_text.inside .banner-slides .slick-dots li{width: 40px; height: 40px; margin: 0 10px;}
.banner_part .wrap .banner_text.inside .banner-slides .slick-dots li button{padding: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 500; font-size: 14px; position: relative;}
.banner_part .wrap .banner_text.inside .banner-slides .slick-dots li button svg {
    position: absolute;
}

.banner_part .wrap .banner_text.inside .banner-slides .slick-dots li button svg .rect-bg {
    stroke: #3A3C47; /* всегда видна серая рамка */
}

.banner_part .wrap .banner_text.inside .banner-slides .slick-dots li button svg .rect-progress {
    stroke: #1B4BE9;
    stroke-dasharray: 130;
    stroke-dashoffset: 130;
    transition: stroke-dashoffset 0.3s linear;
}

/* активная точка */
.banner_part .wrap .banner_text.inside .banner-slides .slick-dots li.slick-active button .rect-progress {
    animation: slick-dots 3.2s linear forwards;
}

/* цифра активной точки */
.banner_part .wrap .banner_text.inside .banner-slides .slick-dots li.slick-active button span {
    color: #1B4BE9;
}

/* анимация */
@keyframes slick-dots {
    to {
        stroke-dashoffset: 0;
    }
}

.site-btn{display: inline-flex; font-weight: 500; font-size: 16px; line-height: 150%; color: #fff; padding: 18px 40px; border-radius: 15px; background: var(--accent-accent-blue, #1b4be9); text-transform: uppercase; text-decoration: none; transition: .3s ease;}
@media screen and (hover: hover) {
    .site-btn:hover{opacity: 0.8;}
    .banner-button:hover {
        opacity: 1;
    }
}
.banner-button {
    opacity: 0.8;
}



/* таблицы со скролом */
.table_product {    max-width: 1460px; padding: 0 20px;    margin-left: auto;    margin-right: auto;}

/* Кнопки навигации для таблицы */
.table_product .table-wrapper {position: relative;}
.table-navigation {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.table-navigation.hidden {display: none;}
.table-nav-btn {
    position: absolute;
    top: 79px;
    transform: translateY(-50%);
    width: 48px; 
    height: 48px; 
    background: #1B4BE9 url(/bitrix/templates/npanachev/images/NP_right.svg) no-repeat center; 
    border: none; 
    border-radius: 15px;
    cursor: pointer; 
    transition: opacity 0.3s ease, background 0.3s ease;
    pointer-events: auto;
    opacity: 1;
}
.table-nav-btn:first-child {
    left: 240px;
    transform: translateY(-50%) rotate(180deg);
}
.table-nav-btn.table-nav-btn-next {
    right: 20px;
}
.table-nav-btn:disabled {
    opacity: 0; 
    cursor: default;
    pointer-events: none;
}
.table-nav-btn:not(:disabled):hover {
    background: #2D5EFF url(/bitrix/templates/npanachev/images/NP_right.svg) no-repeat center;
}

/* Прокручиваемая часть таблицы */
.table_product .scrollable-part {
    position: relative; 
    overflow-x: scroll;
    overflow-y: hidden;
}

.table_product .scrollable-part .mywarehouse_grid {
    display: grid; 
    color: white; 
    grid-template-columns: 230px 1fr 1fr 1fr 1fr 1fr; 
    min-height: 500px; 
    position: relative;
    width: max-content;
}

/* Фиксированная часть таблицы (Интеграции и Аналитика) */
.table_product .fixed-rows {
    position: relative;
    width: 100%;
}

.table_product .fixed-rows .mywarehouse_grid {
    display: grid; 
    color: white; 
    grid-template-columns: 230px 1fr; 
    grid-template-rows: auto auto; 
    position: relative;
}

/* Адаптивная ширина таблицы */
@media (max-width: 1440px) {
    .table-nav-btn.table-nav-btn-next {
        right: -10px;
    }
    .table-nav-btn:first-child {
        left: 240px;
    }
}
@media (max-width: 767px) {
    .table_product .scrollable-part {
        width: 100%;
    }

    .table_product .scrollable-part .mywarehouse_grid {
        grid-template-columns: 185px repeat(5, calc(100vw - 185px - 40px));
        width: calc(185px + 5 * (100vw - 185px - 40px));
    }
    
    .table_product .fixed-rows .mywarehouse_grid {
        grid-template-columns: 185px 1fr;
    }
    .table-nav-btn:first-child {
        left: 200px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .table_product .scrollable-part {
        width: 100%;
    }
    .table_product .scrollable-part .mywarehouse_grid {
        grid-template-columns: 230px repeat(5, calc((100vw - 230px - 40px) / 2));
        width: calc(230px + 5 * ((100vw - 230px - 40px) / 2));
    }
}

@media (min-width: 1025px) and (max-width: 1439px) {
    .table_product .scrollable-part .mywarehouse_grid {
        grid-template-columns: 230px repeat(5, calc((100vw - 230px - 40px) / 3));
        width: calc(230px + 5 * ((100vw - 230px - 40px) / 3));
    }
}

@media (min-width: 1440px) {
    .table_product .scrollable-part .mywarehouse_grid {
        grid-template-columns: 230px repeat(5, 1fr);
        width: 100%;
    }
}
@media (min-width: 1024px) {
   .banner_part .wrap .banner_text.inside .banner-slides img {
        max-height: 540px;
   }
}

.table_product .mywarehouse_grid + div {margin-bottom: 200px}
.table_product .mywarehouse_grid .head_table {display: flex;flex-direction: column;justify-content: center;align-items: center;border: none;width: auto;height: 100%;font-size: 20px;line-height: 28px;}
.table_product .mywarehouse_grid .head_table .text {width: auto;border: none;}
.table_product .mywarehouse_grid .head_table .price {width: auto;border: none;}
.table_product .mywarehouse_grid .head_table .price:after {content: ' ₽/мес.';}
.table_product .mywarehouse_grid .head_table .price.without-after:after {content: '';}
.table_product .mywarehouse_grid div {width: 100%; border: 1px solid #3a3c47; box-sizing: border-box;}
.table_product .mywarehouse_grid div .qty_button {background: rgba(27, 75, 233, 0.2); border-radius: 10px; width: 36px; height: 36px; color: transparent; font-size: 20px; border: none; cursor: pointer;}
.table_product .mywarehouse_grid .wrap_for_btns {display: flex;justify-content: center;align-items: center;height: 100%;border:none;}
.table_product .mywarehouse_grid .wrap_for_btns .quantity {width: auto; border:none; font-weight: 400}
.table_product .mywarehouse_grid div .minus {margin-right: 20px; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg width='18' height='2' viewBox='0 0 18 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.78345 0.00109386L17.2174 0C17.6496 -5.68982e-07 18 0.350386 18 0.782609C18 1.21483 17.6496 1.56522 17.2174 1.56522L9.78345 1.56631C9.33177 1.56522 8.75241 1.56631 8.21823 1.56631L0.782609 1.56522C0.350386 1.56522 -1.68587e-07 1.21483 0 0.782609C-5.68982e-07 0.350386 0.350386 -5.68982e-07 0.782608 0L8.21823 0.00109386C9 7.20024e-05 9.34146 0.000644684 9.78345 0.00109386Z' fill='white' /%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; transition: background-color 0.2s ease;}
.table_product .mywarehouse_grid div .plus {margin-left: 20px; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.00008 0C9.4323 -2.10734e-08 9.78269 0.350386 9.78269 0.782609L9.78345 8.21856L17.2174 8.21747C17.6496 8.21747 18 8.56785 18 9.00008C18 9.4323 17.6496 9.78269 17.2174 9.78269L9.78345 9.78378L9.78269 17.2174C9.78269 17.6496 9.4323 18 9.00008 18C8.56786 18 8.21747 17.6496 8.21747 17.2174L8.21823 9.78378L0.782609 9.78269C0.350386 9.78269 -1.68587e-07 9.4323 0 9.00008C-5.68982e-07 8.56785 0.350386 8.21747 0.782608 8.21747L8.21823 8.21856L8.21747 0.782609C8.21747 0.350386 8.56786 -2.10734e-08 9.00008 0Z' fill='white' /%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; transition: background-color 0.2s ease;}
.table_product .mywarehouse_grid div .minus:hover,
.table_product .mywarehouse_grid div .plus:hover {background-color: #2d5eff;}
.table_product .mywarehouse_grid div p {text-align: center; font-size: 18px; line-height: 28px;     display: flex;justify-content: center;align-items: center;height: 100%;}
.table_product .mywarehouse_grid .bold p {font-weight: 400}
.table_product .mywarehouse_grid .title p {justify-content: space-between;    text-align: left;    padding:20px 0 20px;}
.tarifs-aimylogic .mywarehouse_grid .title p {height: 82px;} 
.table_product .mywarehouse_grid .title .info_icon {background: url(/bitrix/templates/npanachev/images/info.svg) no-repeat; width: 25px; height: 25px;     display: inline-block;}
.table_product .mywarehouse_grid .none {border: transparent}
.table_product .mywarehouse_grid .left {border-left: transparent}
.table_product .mywarehouse_grid .right {border-right: transparent}
.table_product .mywarehouse_grid .bottom {border-bottom: transparent}
.table_product .mywarehouse_grid .top {border-top: transparent}
.tarifs-aimylogic .scrollable-part .mywarehouse_grid {min-height: 100%;}
.tarifs-aimylogic  .mywarehouse_grid .top {height: 82px;}
#mywarehouse_32, #mywarehouse_34, #ai_mywarehouse_32, #ai_mywarehouse_34 {grid-column: 2/3;}
#mywarehouse_5 .head_table, #ai_mywarehouse_5 .head_table {background: radial-gradient(ellipse farthest-side at 50% 100%, rgba(204, 179, 141, 0.5) 0%, rgba(15, 16, 21, 0) 90%); font-weight: 500;}

/* На десктопе >= 1440px показываем объединенные ячейки, остальные скрываем */
@media (min-width: 1440px) {
    #mywarehouse_15_full-with, #ai_mywarehouse_15_full-with {
        display: flex;
        grid-column: 3/7;
         justify-content: center;

    }
    #mywarehouse_21_full-with, #ai_mywarehouse_21_full-with {
        display: flex;
        grid-column: 3/7;
        justify-content: center;

    }
    
    /* Скрываем дублированные ячейки на десктопе */
    .tarifs-aimylogic #mywarehouse_15, .tarifs-aimylogic #mywarehouse_16, .tarifs-aimylogic #mywarehouse_17, .tarifs-aimylogic #mywarehouse_18,
    .tarifs-aimylogic #mywarehouse_21, .tarifs-aimylogic #mywarehouse_22, .tarifs-aimylogic #mywarehouse_23, .tarifs-aimylogic #mywarehouse_24,
    .tarifs-aimylogic #ai_mywarehouse_15, .tarifs-aimylogic #ai_mywarehouse_16, .tarifs-aimylogic #ai_mywarehouse_17, .tarifs-aimylogic #ai_mywarehouse_18,
    .tarifs-aimylogic #ai_mywarehouse_21, .tarifs-aimylogic #ai_mywarehouse_22, .tarifs-aimylogic #ai_mywarehouse_23, .tarifs-aimylogic #ai_mywarehouse_24 {
        display: none;
    }
}

/* На мобильных и планшетах < 1440px скрываем объединенные, показываем дублированные */
@media (max-width: 1439px) {
    #mywarehouse_15_full-with, #ai_mywarehouse_15_full-with,
    #mywarehouse_21_full-with, #ai_mywarehouse_21_full-with {
        display: none;
    }
    
    /* Показываем дублированные ячейки */
    .tarifs-aimylogic #mywarehouse_15, .tarifs-aimylogic #mywarehouse_16, .tarifs-aimylogic #mywarehouse_17, .tarifs-aimylogic #mywarehouse_18,
    .tarifs-aimylogic #mywarehouse_21, .tarifs-aimylogic #mywarehouse_22,.tarifs-aimylogic  #mywarehouse_23,.tarifs-aimylogic  #mywarehouse_24,
    .tarifs-aimylogic #ai_mywarehouse_15, .tarifs-aimylogic #ai_mywarehouse_16, .tarifs-aimylogic #ai_mywarehouse_17, .tarifs-aimylogic #ai_mywarehouse_18,
    .tarifs-aimylogic #ai_mywarehouse_21, .tarifs-aimylogic #ai_mywarehouse_22, .tarifs-aimylogic #ai_mywarehouse_23, .tarifs-aimylogic #ai_mywarehouse_24 {
        display: flex;
        justify-content: center;
    }
}

/* Фиксация первого столбца только для прокручиваемых строк */
#mywarehouse_1, #mywarehouse_7, #mywarehouse_13, #mywarehouse_19, #mywarehouse_25,
#ai_mywarehouse_1, #ai_mywarehouse_7, #ai_mywarehouse_13, #ai_mywarehouse_19, #ai_mywarehouse_25 {
    position: sticky;
    left: 0;
    z-index: 10;
    background: #0f1015;
}
.tarifs-aimylogic .mywarehouse_grid .wrap_for_btns {
    font-size: 18px;
}

/* Строки интеграции и аналитики - фиксированные, не прокручиваются */
#mywarehouse_31, #mywarehouse_32, #mywarehouse_33, #mywarehouse_34 {
    position: relative;
    background: #0f1015;
}

/* Первый столбец интеграций и аналитики */
#mywarehouse_31, #mywarehouse_33, #ai_mywarehouse_31, #ai_mywarehouse_33 {
    position: sticky;
    left: 0;
    z-index: 11;
    background: #0f1015;
}

/* Контент интеграций и аналитики занимает все оставшиеся столбцы и не прокручивается */
#mywarehouse_32, #mywarehouse_34, #ai_mywarehouse_32, #ai_mywarehouse_34 {
    position: relative;
    background: #0f1015;
}

#mywarehouse_32 .integration, #ai_mywarehouse_32 .integration {padding: 22px 30px;    border: none;    display: flex;    flex-wrap: wrap;    justify-content: center;       gap: 12px; max-width: 72%; margin: 0 auto;}
#mywarehouse_32 .integration .integration_item, #ai_mywarehouse_32 .integration .integration_item {border: none;    width: auto;    height: fit-content;    display: flex;    align-items: center;    gap: 5px;}
#mywarehouse_32 .integration .integration_item span, #ai_mywarehouse_32 .integration .integration_item span {border: 1px solid #1b4be9; border-radius: 10px;     padding: 4px 12px;     margin-top: 0;    font-size: 16px;font-weight: 500; line-height: 150%; display: inline-block; margin-right: 0; opacity: 0.8;}
#mywarehouse_32 .integration .integration_item span:hover, #ai_mywarehouse_32 .integration .integration_item span:hover {background: #1B4BE9; cursor: pointer;}
#mywarehouse_32 .integration .integration_item .info_icon, #ai_mywarehouse_32 .integration .integration_item .info_icon {width: 40px;    background: url(/bitrix/templates/npanachev/images/info.svg) no-repeat;    height: 25px;    display: inline-block;}
.table_product .head {color: white;    background: var(--gradient, linear-gradient(93deg, #CCB38D 0%, #725A3F 100%));    font-size: 20px;    font-weight: 600;    border-radius: 15px;    border: 2px solid rgba(112, 89, 63, 1);    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);    width: fit-content;    padding: 30px;    margin-bottom: 30px;}
.table_product .head_promo {display: flex; gap: 30px;}
.table_product .head_promo .head_promo_item{height: 64px; display: inline-flex; align-items: center;}
.table_product .head_promo .head_promo_item:not(:last-child) {border-right: 1px solid #3a3c47; padding-right: 30px;}
.table_product .head_promo .head_promo_item span{margin-right: 0; font-size: 18px;}
.table_product .head_promo .head_promo_item .amount {background: #1b4be9; border-radius: 10px; color: white; opacity: 0.95; font-size: 16px; font-weight: 500;    padding: 4px 12px; margin-left: 10px; line-height: 150%; display: inline-block;}
.prem_block .prem_block_car .prem_block_list img {
    max-width: 120px;
}
/* Стили для табов */
.table_product .tabs-buttons {display: flex; gap: 10px; margin-bottom: 100px;margin-top: 60px; justify-content: center;}
.table_product .tab-btn,.tabs-for-tables__btn {background: #3A3C47; border: 2px solid #3A3C47; border-radius: 15px; padding: 19px 42px; font-size: 16px; font-weight: 500; color: #fff; cursor: pointer; transition: all 0.3s ease;}
.table_product .tab-btn:hover, .tabs-for-tables__btn:hover { border-color: #1B4BE9; color: #fff;}
.table_product .tab-btn.active, .tabs-for-tables__btn.active {background: #1B4BE9; border-color: #1B4BE9; color: #fff;}
.table_product .tab-btn.active:hover, .tabs-for-tables__btn.active:hover {background: #2D5EFF;}
.table_product .tab-btn.active:focus, .tabs-for-tables__btn.active:focus {background: #2D5EFF;box-shadow: 0 0 0 2px rgba(45, 94, 255, 0.40)}
.tabs-for-tables {display: flex; gap: 20px;margin-top: 60px; justify-content: center;}





.table_product .tab-content {display: none;}
.table_product .tab-content.active {display: block;}


@media screen and (min-width: 1600px) {
    .tarifs-aimylogic {
        margin-bottom: 130px;
    }
    
}
@media screen and (max-width: 768px) {
    .tarifs-aimylogic {
        margin-bottom: 70px;
    }
}

/* Стили для количества звонков */
.tabs .calls-count {color: #9D9D9D; font-size: 16px; font-weight: 400;}
.minutes-calls-wrapper {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; gap: 5px;}
.table_product .mywarehouse_grid .minutes-calls-wrapper p {margin: 0; font-size: 20px; line-height: 28px; height: auto;}

.table_product .tabs #content-2 .second_grid_table {display: none;color: white;grid-template-columns: 22% 26% 26% 26%;grid-template-rows: 20% 20% 60%;min-height: 500px;margin: 40px 0 10px;}
.table_product .tabs .grid_table {display: none; grid-template-columns: 25% 12.5% 12.5% 12.5% 25% 12.5%;grid-template-rows: repeat(10, 11%);    margin: 40px 0 0 20px; color: white;}
.table_product .tabs .grid_table div {width: 100%;height: 100px; border: 1px solid #3a3c47;}
.table_product .tabs .second_grid_table div { width: 100%; border: 1px solid #3a3c47;}
.table_product .tabs .second_grid_table div.title {display: flex;flex-direction: column;justify-content: center;align-items: center;border:none;height: 100%;}
.table_product .tabs .second_grid_table div.title.space-around {justify-content: space-around;}
.table_product .tabs .second_grid_table div.title .text {height: auto;}
.table_product .tabs .second_grid_table div.title .old-price{display: inline;text-decoration: line-through;color: #9D9D9D;font-size: 16px; height: auto;}
.table_product .tabs .second_grid_table div.title .old-price:after {content: ' ₽/мес.';}
.table_product .tabs .second_grid_table div.title .price {height: auto;display: inline;}
.table_product .tabs .second_grid_table div.title .price:after {content: ' ₽/мес.';}

.table_product .tabs .grid_table div .info_icon, .table_product .tabs .second_grid_table div .info_icon {background: url(/bitrix/templates/npanachev/images/info.svg) no-repeat; width: 25px; height: 25px;     display: inline-block;}
.table_product .tabs .grid_table div .table_select {border-radius: 15px;background: url(/bitrix/templates/npanachev/images/select_arrow.svg) no-repeat, linear-gradient(114.35deg, #3A3C47 0%, rgba(58, 60, 71, 0) 100%);border: 2px solid rgba(58, 60, 71, 1);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);outline: none;width: 65%;display: block;margin: 15px auto;height: 50px;color: white;font-size: 20px;font-weight: 600; padding-left: 20px;appearance: none;    background-position: 75%;}
.table_product .tabs .grid_table div .table_select option {
    color: black;
}
.table_product .tabs .second_grid_table div .table_select {border-radius: 15px;background: url(/bitrix/templates/npanachev/images/select_arrow.svg) no-repeat, linear-gradient(114.35deg, #3A3C47 0%, rgba(58, 60, 71, 0) 100%);border: 2px solid rgba(58, 60, 71, 1);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);outline: none;width: 40%;display: block;margin: 25px auto;height: 50px;color: white;font-size: 20px;font-weight: 600; padding-left: 20px;appearance: none;    background-position: 75%;}

.table_product .tabs .grid_table div p, .table_product .tabs .second_grid_table div p {text-align: center; font-size: 20px; line-height: 28px; display: flex;justify-content: center;align-items: center;height: 100%;}
.table_product .tabs .grid_table .title {border: none;display: flex;flex-direction: column;justify-content: center;}
.table_product .tabs .grid_table .title.not-center {justify-content: normal;}
.table_product .tabs .grid_table .title p {height: auto;display: inline;}
.table_product .tabs .grid_table .title .old-price {color: #9D9D9D;font-size: 16px;text-decoration: line-through;}
.table_product .tabs .grid_table .title .old-price:after {content: ' ₽/мес.';}
.table_product .tabs .grid_table .title .price:after {content: ' ₽/мес.';}
/* таблицы со скролом */




.banner_part.inside .wrap .bx-breadcrumb {padding-top:30px; display:flex; flex-wrap:wrap}
.banner_part.inside .wrap .bx-breadcrumb a {font-size: 16px;  color: #9D9D9D; font-weight: 400; text-decoration:none;  background:url(/bitrix/templates/npanachev/images/right_bread.svg) no-repeat right center; padding: 0 25px 0 0px; margin-right:5px}
.banner_part.inside .wrap .bx-breadcrumb .bx-breadcrumb-item > span {font-size: 16px;  color: #FFF; font-weight: 400;}

.main_part { background:url(/bitrix/templates/npanachev/images/up_np.svg) no-repeat center #0F1015; position:relative; padding:100px 0 }
.main_part.inside {background:none; padding:0}
.main_part.inside:after,
.main_part.inside:before {display:none}
.main_part:before { content:''; background:url(/bitrix/templates/npanachev/images/p.svg) no-repeat bottom left; opacity: 0.8; width:772px; height:700px; display:inline-block; position:absolute; left:0; bottom:0;}
.main_part .about_us {padding: 0 20px; max-width:1460px; margin:50px auto 0;  }
.main_part .about_us::after { content:''; background:url(/bitrix/templates/npanachev/images/bg_dark.png) top left / contain no-repeat; width:100%; height:650px; display:inline-block; position:absolute; left:0; top:100px;}
.main_part .about_us h2 { font-weight: 500; color: #FFFFFF; font-size: 20px; display:flex; align-items:center ;     margin-bottom: 10px;}
.main_part .about_us h2:after { width:60px; height:1.5px; display:inline-block; content:''; margin-left:10px; background: linear-gradient(90.25deg, #CCB38D 0.21%, #725A3F 99.81%); }
.main_part .about_us .command {position:relative;}
.main_part .about_us .command > p {font-weight: 600;font-size: 70px; line-height: 150%; color:#fff}
.main_part .about_us .command span {margin-bottom:20px; font-weight: 400; font-size: 20px; line-height: 150%; color: #9D9D9D;}
.main_part .about_us .command span a { font-weight: 500; font-size: 16px; background: linear-gradient(90.25deg, #CCB38D 0.21%, #725A3F 99.81%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; display:flex; width: fit-content; align-items:center}
.main_part .about_us .command span a:after {background:url(/bitrix/templates/npanachev/images/down.svg) no-repeat right center; content:''; display:block; width:7px; height:4px; margin-left:5px}

.main_part .about_us .more_text {margin-left: 240px; margin-top: 16px; position: relative; z-index: 2;}
.main_part .about_us .more_text .btn-view01 {margin-top: 60px;}
.main_part .about_us .more_text .content_block {display: flex; column-gap: 120px; transition: 0.8s; max-height:1000px; overflow: hidden; position: relative;}
.main_part .about_us .more_text .content_block p {font-weight: 400; font-size: 18px; line-height: 150%; color: #9D9D9D;}
.main_part .about_us .more_text .content_block .content_block-column:nth-child(1) {max-width: 480px; width: 100%;}
.main_part .about_us .more_text .content_block .content_block-column:nth-child(1) a {margin-top: 85px;}
.main_part .about_us .more_text .content_block .content_block-column:nth-child(2) {max-width: 580px; width: 100%;}
.main_part .about_us .more_text .content_block.hide:after{ content: ""; display: block; height: 100px; position: absolute; left: 0; right: 0; bottom: 0; }
.main_part .about_us .more_text .content_toggle {display: none; margin-top:15px; font-weight: 500; font-size: 16px; background: linear-gradient(0deg, #9D9D9D, #9D9D9D); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; width: fit-content; align-items:center;}
.main_part .about_us .more_text .content_toggle:hover {background: linear-gradient(90.25deg, #CCB38D 0.21%, #725A3F 99.81%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.main_part .about_us .more_text .content_toggle:after {transition: 0.2s; background:url(/bitrix/templates/npanachev/images/down.svg) no-repeat right center; content:''; display:block; width:7px; height:4px; margin-left:10px}
.main_part .about_us .more_text .content_toggle:hover:after {transform: rotate(-180deg);}
.main_part .about_us .more_text .content_toggle.active:after {transform: rotate(-180deg);}

.main_part .products {  padding:15px 20px; max-width:1460px; margin:140px auto 0;  }
.main_part .products .products-controls {display: flex; justify-content: flex-end;}
.main_part .products h2 { font-weight: 500; color: #FFFFFF; font-size: 20px; display:flex; align-items:center; margin-bottom:20px;padding-left: 6px;}
.main_part .products h2:after { width:60px; height:1.5px; display:inline-block; content:''; margin-left:10px; background: linear-gradient(90.25deg, #CCB38D 0.21%, #725A3F 99.81%); }
.main_part .products .products_list {margin-bottom:80px}
.main_part .products .products_list a {cursor:pointer; transition: 0.2s linear; position:relative; border-radius:15px; background: linear-gradient(118.35deg, #3A3C47 0%, rgba(58, 60, 71, 0) 100%); opacity: 0.95; border: 2px solid #3A3C47; filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.25)); backdrop-filter: blur(5px); padding:30px; width:25%; margin: 0 5px;min-height: 236px;}
.main_part .products .products_list .slick-track {display: flex;}
.main_part .products .products_list .slick-slide {height: auto; text-decoration: none;}
/* .main_part .products .products_list div:hover{transform: translateY(-10px);} */
.main_part .products .products_list a h3 {padding-bottom:20px; font-weight: 500; font-size: 20px; color: #FFFFFF;}
.main_part .products .products_list a span { font-size: 16px; line-height: 150%; color: #9D9D9D; width:100%;   display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.main_part .products .products_list a svg { position:absolute; right:30px; bottom:30px }
.main_part .products .products_list .slick-slide:hover path {fill:#fff}
.main_part .products .products_list .slick-next {right: -80px; transition: 0.2s; background:url(/bitrix/templates/npanachev/images/right_arrow_default.svg) no-repeat center; width:40px; height:33px;}
.main_part .products .products_list .slick-next:hover {background:url(/bitrix/templates/npanachev/images/right_arrow.svg) no-repeat center;}
.main_part .products .products_list .slick-prev:hover {background:url(/bitrix/templates/npanachev/images/left_arrow.svg) no-repeat center;}
.main_part .products .products_list .slick-next:before {display:none}
.main_part .products .products_list .slick-prev {left: -80px; transition: 0.2s; background:url(/bitrix/templates/npanachev/images/left_arrow-default.svg) no-repeat center; width:40px; height:33px;}
.main_part .products .products_list .slick-prev:before {display:none}
.main_part .products .more,
.main_part .integratia_list .more { width: fit-content; font-weight: 400; font-size: 29.9953px; line-height: 140%; color:#fff; text-decoration:none; display:flex; align-items: center; }
.main_part .products .more span,
.main_part .integratia_list .more span { border: 1.99969px solid #9D9D9D; width:100px; height:100px; display:flex; align-items:center; justify-content:center; border-radius:100px; margin-right:30px; margin-bottom:0}
.main_part .products .more span svg,
.main_part .integratia_list .more span svg {transition: 0.2s; transform: rotate(-45deg);}
.main_part .products .more:hover span,
.main_part .integratia_list .more:hover span {background:#fff; border:1px solid #fff}
.main_part .products .more:hover span svg,
.main_part .integratia_list .more:hover span svg { transform: rotate(0deg); }

.main_part .integratia {background:url(/bitrix/templates/npanachev/images/banner-new-ye.png) no-repeat center; background-size:contain;height: 400px; filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.25)); backdrop-filter: blur(5px); opacity: 0.95; padding:15px 0px; max-width:1420px; margin: 100px auto 150px; border-radius:15px;display: flex;justify-content: center;flex-direction: column;padding-top: 55px;}
.main_part .franchising-banner {background:url(/bitrix/templates/npanachev/images/bannerfff.png) no-repeat center; background-size:cover;height: 400px; filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.25)); backdrop-filter: blur(5px); opacity: 0.95; padding:15px 0px; max-width:1620px; margin:100px auto 200px; border-radius:15px;display: flex;justify-content: center;flex-direction: column;}

.main_part .product-image-block {background:url(/bitrix/templates/npanachev/images/product-image.png) no-repeat center; background-size:cover;height: 280px; border: 1px solid #3a3c47; border-radius: 15px; display: flex; flex-direction: column; padding: 0 30px; justify-content: space-evenly; max-width:1420px; margin: 100px auto 150px; align-items: flex-start;}
.main_part .product-image-block h2{color: #fff; font-weight: 500; font-size: 30px; line-height: 130%;}
.main_part .product-image-block.wazzup {background:url(/bitrix/templates/npanachev/images/product-title-bg-wazzup.png) no-repeat center; background-size:cover;}
.main_part .product-image-block.franchising {background:url(/bitrix/templates/npanachev/images/product-title-bg-franchising.png) no-repeat center; background-size:cover;}
.main_part .product-image-block.aimylogic {background:url(/bitrix/templates/npanachev/images/product-title-bg-aimylogic.png) no-repeat center; background-size:cover;}
.main_part .product-image-block.dizain {background:url(/bitrix/templates/npanachev/images/product-title-bg-dizain.png) no-repeat center; background-size:cover;}
.accordion__content .faq-btn {
    margin-top: 20px;
    color: #fff;
}

.main_part .integratia img {padding:20px 50px;}
.main_part .integratia p {display:flex; justify-content:space-between; align-items:center; font-weight: 500; font-size: 30px; line-height: 37px; color: #FFFFFF; padding:15px 50px 10px 50px;}
.main_part .franchising-banner p {display:flex; justify-content:space-between; align-items:center;font-size: 40px; line-height: 37px; color: #FFFFFF; padding:0px 50px 10px 50px;font-weight: 700;}
.main_part .integratia p a { width: fit-content; font-weight: 400; font-size: 29.9953px; line-height: 140%; color:#fff; text-decoration:none; display:flex; align-items: center; }
.main_part .integratia p a span { border: 1.99969px solid #9D9D9D; width:100px; height:100px; display:flex; align-items:center; justify-content:center; border-radius:100px; margin-right:30px; margin-bottom:0}
.main_part .integratia p a span svg {transition: 0.2s; transform: rotate(-45deg);}
.main_part .integratia p a:hover span {background:#fff; border:1px solid #fff}
.main_part .integratia p a:hover span svg { transform: rotate(0deg);}

.main_part .integratia.veb-sayty {position: relative; background: url("/bitrix/templates/npanachev/images/banner_veb-sayty2.png") center / 100% 100% no-repeat;}
.main_part .integratia.veb-sayty .mayak {position: absolute; bottom: 0; right: 45px; display: block; width: 68px; height: 400px; background: url("/bitrix/templates/npanachev/images/mayak.png") right no-repeat;}
.main_part .integratia.veb-sayty p {text-align: right; justify-content: flex-end; margin-right: 120px; font-size: 26px;}
.main_part.inside .integratia.veb-sayty h3 {max-width: 88%; font-size: 40px; color: #FFF; -webkit-text-fill-color: #FFF;}
.main_part.inside .integratia.veb-sayty h3 span {background: url("data:image/svg+xml,%3Csvg width='772' height='17' viewBox='0 0 772 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.79612C182.433 12.7607 413.851 -1.15525 364.251 3.79605C289.049 11.3031 213.439 19.2866 416.358 14.6035C575.688 10.9264 618.247 -9.83208 771 8.38796' stroke='%23FF3300' stroke-width='1.5' stroke-linecap='round' /%3E%3C/svg%3E") bottom / 100% 30% no-repeat; padding-bottom: 20px;}

.main_part.inside .integratia h3 {padding:30px 0 0 50px; font-size: 30px; font-weight: 600; text-transform: uppercase; background: var(--gradient, linear-gradient(93deg, #CCB38D 0%, #725A3F 100%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.main_part.inside .integratia p {}

.main_part .integratia_list {  padding:15px 20px; max-width:1460px; margin:0px auto; }
.main_part .integratia_list h2 { font-weight: 500; color: #FFFFFF; font-size: 20px; display:flex; align-items:center }
.main_part .integratia_list h2:after { width:60px; height:1.5px; display:inline-block; content:''; margin-left:10px; background: linear-gradient(90.25deg, #CCB38D 0.21%, #725A3F 99.81%); }
.main_part .integratia_list .integratia_list_items { margin:20px 0 0 0}
.main_part .integratia_list .integratia_list_items .slick-track {padding: 10px 0}
.main_part .integratia_list .integratia_list_items .integratia_list_items_ { transition: 0.2s linear; border-radius:15px; width: 32%;margin: 0 5px;}
.main_part .integratia_list .integratia_list_items .integratia_list_items_:hover {transform: translateY(-10px);}
.main_part .integratia_list .integratia_list_items .integratia_list_items_ div { display:flex; align-items: flex-start; justify-content: end; background:#0F1015; border-radius:15px 15px 0 0}
.main_part .integratia_list .integratia_list_items .integratia_list_items_ div p {margin-top:40px;font-weight: 700; font-size: 20px; line-height: 24px; color: #FFFFFF; }
.main_part .integratia_list .integratia_list_items .integratia_list_items_ div span {font-weight: 500; font-size: 16px; color: #FFFFFF; opacity: 0.8; border: 1px solid #353535; border-bottom: none; filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.25)); backdrop-filter: blur(5px); border-radius: 15px 15px 0 0; padding:5px}
.main_part .integratia_list .integratia_list_items .integratia_list_items_ > p { background: linear-gradient(118.35deg, #3A3C47 0%, rgba(58, 60, 71, 0) 100%); border-radius: 15px 0 0 0; border-right: 1px solid #353535;}
.main_part .integratia_list .integratia_list_items .integratia_list_items_ > p a {font-weight: 600; font-size: 20px; line-height: 24px; color: #FFFFFF; text-decoration:none; padding:30px 30px 20px 30px; display:block}
.main_part .integratia_list .integratia_list_items .integratia_list_items_ > span { padding:0 30px 30px; display:block; font-weight: 400; font-size: 16px; line-height: 20px; color: #FFFFFF; opacity: 0.8; background: linear-gradient(118.35deg, #3A3C47 0%, rgba(58, 60, 71, 0) 100%); border-right: 1px solid #353535; border-radius: 0 0 15px 15px; border-bottom: 1px solid #353535;}
.main_part .integratia_list .integratia_list_items .integratia_list_items_ > a { display: flex; justify-content: flex-end; padding:0 30px 30px; background: linear-gradient(15deg, #3A3C47 0%, rgba(58, 60, 71, 0) 100%); border-radius: 0 0 15px 15px;}
.main_part .integratia_list .integratia_list_items .integratia_list_items_:hover > a path {fill:#fff}
.main_part .integratia_list .integratia_list_items .integratia_list_items_ > a { display: flex; justify-content: flex-end; padding:0 30px 30px; background: linear-gradient(15deg, #3A3C47 0%, rgba(58, 60, 71, 0) 100%); border-radius: 0 0 15px 15px;}
.main_part .integratia_list .integratia_list_items .integratia_list_items_:hover > a path {fill:#fff}
.main_part .integratia_list .more  {margin-top:80px}

.table_product .wazzap_list_items {display:flex; gap:20px; margin:60px 0 200px 0}
.table_product .wazzap_list_items_ {transition: 0.2s linear;  background: #1c1d24; border:1px solid #3A3C47; border-radius:15px; width:33%;}
.table_product .wazzap_list_items_.hit {position: relative}
/* .table_product .wazzap_list_items .wazzap_list_items_:before {content: '';background-image: url(/bitrix/templates/npanachev/images/noto_fire.svg);position: absolute;width: 35px;height: 35px;background-repeat: no-repeat;top: -25px;left: 30px;} */
.table_product  .wazzap_list_items_ .top_part { display:flex; align-items: flex-start; justify-content: space-between; background:#0F1015;  padding:10px 10px 30px 30px; border-radius:15px 15px 0 0; flex-direction: column;    gap: 5px;}
.table_product .wazzap_list_items_ .top_part p {margin-top:20px;font-weight: 700; font-size: 20px; line-height: 24px; color: #FFFFFF; }
.table_product .wazzap_list_items_ .top_part .price_block {display: flex;align-items: center;}
.table_product .wazzap_list_items_ .top_part .price_block .current_price {font-size: 30px;}
.table_product .wazzap_list_items_ .top_part .price_block .old_price {font-size: 16px; text-decoration: line-through; color:#9D9D9D}
.table_product .wazzap_list_items_ .inner_list {display: flex; flex-direction: column; align-items: flex-start; padding: 30px; gap:15px}
.table_product .wazzap_list_items_ .inner_list .item {display: flex;align-items: center;justify-content: center;    font-size: 20px;}
.table_product .wazzap_list_items_ .inner_list .enabled:before {content: '';background: url(/bitrix/templates/npanachev/images/check-blue.svg) no-repeat;width: 20px;height: 20px;display: block;background-size: contain;
margin-right: 10px;}
.table_product .wazzap_list_items_ .inner_list .disabled:before {content: '';background: url(/bitrix/templates/npanachev/images/close-blue.svg) no-repeat;width: 20px;height: 20px;display: block;background-size: contain;
margin-right: 10px;}
.table_product .wazzap_list_items_ .inner_list .infinity:before {content: '';background: url(/bitrix/templates/npanachev/images/infinity-blue.svg) no-repeat;width: 20px;height: 20px;display: block;background-size: contain; margin-right: 8px;}
.table_product .wazzap_list_items_ .inner_list .info_icon {background: url(/bitrix/templates/npanachev/images/info.svg) no-repeat; width: 20px;height: 20px;display: inline-block;margin-left: 15px;background-size: contain;}
.about_us h2 br {display: none;}
.wazzap_list_items_.hit .top_part {
    background: radial-gradient(ellipse farthest-side at 50% 100%, rgba(204, 179, 141, 0.40) 0%, rgba(15, 16, 21, 0.00) 100%), #0F1015 !important;
}

.table_product.bitrix24 .mobile-scroll {
    overflow: auto;
}
.table_product.bitrix24 .mobile-scroll .table {
    min-width: 1150px;
}
.tabs .subscription_left_part .annotation {
    color: #9D9D9D;
}
.table_product .waba .waba_right_part .subscription .subscription_left_part .price_block .old_price {
    color: #9D9D9D;

}
.subscription_right_part {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-end;
}

.table_product .waba {display: flex; justify-content: space-between; margin: 60px 0}
.table_product .waba .waba_left_part {width: 45%;}
.table_product .waba .waba_left_part p {color: white; font-size: 30px; margin-bottom: 20px}
.table_product .waba .waba_left_part ul {
    list-style: none;
    padding-left: 60px;
    counter-reset: item;
}
.table_product .waba .waba_left_part ul li {
    color: white;
    font-size: 18px;
    list-style-position: inside;
    position: relative;
    margin-bottom: 15px;
}
.table_product .waba .waba_left_part ul li::after {
    content: counter(item, decimal-leading-zero);
    counter-increment: item;
    position: absolute;
    left: -25px;
    top: -4px;
    color: #3A3C47;
    font-size: 12px;
    font-weight: 500;
}



.table_product .waba .waba_left_part span {font-size: 16px; line-height: 24px; color: #9D9D9D; }
.table_product .waba .waba_right_part {width: 40%;}
.table_product .waba .waba_right_part .subscription {display: flex; border-bottom: 1px solid #3A3C47; padding-bottom: 10px;margin-bottom: 20px; justify-content: space-between;}
.table_product .waba .waba_right_part .subscription .subscription_left_part {width: 45%}
.table_product .waba .waba_right_part .subscription .subscription_left_part .price_block {display: flex;align-items: center;}
.table_product .waba .waba_right_part .subscription .subscription_left_part .price_block .current_price {font-size: 30px;}
.table_product .waba .waba_right_part .subscription .subscription_left_part .price_block .old_price {font-size: 16px; text-decoration: line-through;}
.table_product .waba .waba_right_part .subscription .subscription_right_part p {color: white; font-size: 16px; margin-bottom: 10px}
.table_product .waba .waba_right_part .subscription .subscription_right_part span {border-radius: 10px;background: #1B4BE9;display: flex;height: auto;color: white;align-items: center;justify-content: center;padding: 7px 10px; width: fit-content;}

.banner_part.inside.product {background:url(/bitrix/templates/npanachev/images/bg_prod.png) no-repeat top center; height: 1560px; }
.banner_part.inside.product .bx-breadcrumb {/*display:none;*/}
.banner_part.inside.product .banner_text { display: none;}

.no_time { padding:15px 20px; max-width:1460px; margin:0px auto; display:flex; justify-contet:space-between}
.no_time h2 {font-size: 50px; font-weight: 600; text-transform: uppercase; color: var(--white, #FFF);}
.no_time .more { width: fit-content; font-weight: 400; font-size: 29.9953px; line-height: 140%; color:#fff; text-decoration:none; display:flex; align-items: center; margin:0px 0 100px auto}
.no_time .more span { border: 1.99969px solid #9D9D9D; width:100px; height:100px; display:flex; align-items:center; justify-content:center; border-radius:100px; margin-right:30px; margin-bottom:0}
.no_time .more span svg {transition: 0.2s; transform: rotate(-45deg);}
.no_time .more:hover span {background:#fff; border:1px solid #fff}
.no_time .more:hover span svg { transform: rotate(0deg); }

.reviews { padding: 30px 0 0; max-width: 1460px; margin: 0 auto 0; display: flex; justify-content: space-between; flex-direction: column; gap: 100px; }
.reviews h2 {font-size: 20px;font-weight: 500; color:#fff;display: flex; align-items: center; margin-bottom: 30px; text-transform: uppercase;}
.reviews h2:not(.big):after { width:60px; height:2px; display:inline-block; content:''; margin-left:10px; background: linear-gradient(90.25deg, #CCB38D 0.21%, #725A3F 99.81%); border-radius: 2px; }
.reviews h2.big{font-weight: 600; font-size: 70px; line-height: 130%;}
.reviews h2 + h2.big{margin-top: -20px;}
.reviews h2 span{font-size: 30px; display:block}
.reviews .reviews_head { max-width:1460px; }

.reviews .reviews_head p{color:#9D9D9D; font-size: 18px; line-height: 150%; padding:60px 0 0 0; margin-bottom: 20px; max-width: 570px;}
.reviews .reviews_head .reviews_subrow {display: flex; justify-content: space-between; align-items: center; gap: 40px; margin-top: 60px;}
.reviews .reviews_head .reviews_subrow p {padding: 0; margin-bottom: 0;}
.reviews .reviews_head .reviews_subrow .reviews_wrap_controls {width: auto; flex-shrink: 0;}
.reviews .reviews_head .reviews_wrap_controls {width: 100%;display: flex;justify-content: flex-end; gap:40px; }
.reviews .reviews_head .reviews_wrap_controls .reviews_btn_prev {width: 40px;height: 33px;cursor: pointer;background-color: transparent;border: none;background-image: url("data:image/svg+xml,%3Csvg width='40' height='33' viewBox='0 0 40 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.0667 32.079L1.00167 16.4979L39.0667 0.91687L32.6305 15.7124C32.3786 16.2242 32.3786 16.7716 32.6305 17.2834L39.0667 32.079Z' stroke='url(%23paint0_linear_198_5)' stroke-width='1.5'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_198_5' x1='20' y1='33' x2='20.1175' y2='-0.0063649' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CCB38D'/%3E%3Cstop offset='1' stop-color='%23725A3F'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat;}
.reviews .reviews_head .reviews_wrap_controls .reviews_btn_prev.hide {background-image: url("data:image/svg+xml,%3Csvg width='40' height='33' viewBox='0 0 40 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.0667 32.079L1.00167 16.4979L39.0667 0.916871L32.6305 15.7124C32.3786 16.2242 32.3786 16.7716 32.6305 17.2834L39.0667 32.079Z' stroke='%233A3C47' stroke-width='1.5'/%3E%3C/svg%3E%0A");}
.reviews .reviews_head .reviews_wrap_controls .reviews_btn_prev.hide:hover {width: 40px;height: 33px;cursor: pointer;background-color: transparent;border: none;background-image: url("data:image/svg+xml,%3Csvg width='40' height='33' viewBox='0 0 40 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.0667 32.079L1.00167 16.4979L39.0667 0.91687L32.6305 15.7124C32.3786 16.2242 32.3786 16.7716 32.6305 17.2834L39.0667 32.079Z' stroke='url(%23paint0_linear_198_5)' stroke-width='1.5'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_198_5' x1='20' y1='33' x2='20.1175' y2='-0.0063649' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CCB38D'/%3E%3Cstop offset='1' stop-color='%23725A3F'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat;}
.reviews .reviews_head .reviews_wrap_controls .reviews_btn_next {width: 40px;height: 33px;cursor: pointer;background-color: transparent;border: none;background-image: url("data:image/svg+xml,%3Csvg width='40' height='33' viewBox='0 0 40 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.933266 0.921015L38.9983 16.5021L0.933272 32.0831L7.36949 17.2876C7.62143 16.7758 7.62144 16.2284 7.36952 15.7166L0.933266 0.921015Z' stroke='url(%23paint0_linear_1022_370)' stroke-width='1.5'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1022_370' x1='20' y1='-8.56665e-07' x2='19.8825' y2='33.0064' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CCB38D'/%3E%3Cstop offset='1' stop-color='%23725A3F'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat;}
.reviews .reviews_head .reviews_wrap_controls .reviews_btn_next.hide {background-image: url("data:image/svg+xml,%3Csvg width='40' height='33' viewBox='0 0 40 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.933266 0.921016L38.9983 16.5021L0.933273 32.0831L7.36952 17.2876C7.62143 16.7758 7.62143 16.2284 7.36952 15.7166L0.933266 0.921016Z' stroke='%233A3C47' stroke-width='1.5'/%3E%3C/svg%3E%0A");}
.reviews .reviews_head .reviews_wrap_controls .reviews_btn_next.hide:hover {width: 40px;height: 33px;cursor: pointer;background-color: transparent;border: none;background-image: url("data:image/svg+xml,%3Csvg width='40' height='33' viewBox='0 0 40 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.933266 0.921015L38.9983 16.5021L0.933272 32.0831L7.36949 17.2876C7.62143 16.7758 7.62144 16.2284 7.36952 15.7166L0.933266 0.921015Z' stroke='url(%23paint0_linear_1022_370)' stroke-width='1.5'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1022_370' x1='20' y1='-8.56665e-07' x2='19.8825' y2='33.0064' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CCB38D'/%3E%3Cstop offset='1' stop-color='%23725A3F'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat;}
.reviews .rew {width:100%;}
/* .reviews .rew_car {display:flex; gap:20px;} */
.reviews .rew_car .rew_list {margin-right:40px; display:flex; flex-wrap:wrap; column-gap:30px;}
.reviews .rew_car .slick-list {padding: 0 10% 0 0;}
.reviews .rew_car .rew_list .rew_wrap_img_n_text {display: flex;}

.reviews .rew_car .rew_list .rew_wrap_img_n_text > img {width:80px; height:80px; object-fit:cover; border-radius:100px; margin-right: 20px;}
.reviews .rew_car .rew_list .rew_name p {margin-top:0; font-size: 20px; color:#fff}
.reviews .rew_car .rew_list .rew_name span {padding-top:4px; display:block; font-size: 14px; background: var(--gradient, linear-gradient(93deg, #CCB38D 0%, #725A3F 100%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
/* карточка отзыва по макету (node 1:931): фон #1C1D24, без рамки, кавычка 24, отступ 40 */
.reviews .rew_car .rew_list .rew_detail { position:relative; margin-top:40px; padding:30px; height:240px; border-radius: 15px; border: none; opacity: 1; background: #1C1D24; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); backdrop-filter: blur(5px);}
.reviews .rew_car .rew_list .rew_detail span {overflow-y: scroll; font-size: 16px; color:#9D9D9D; display: block; height: 180px; padding-right: 20px; }
.reviews .rew_car .rew_list .rew_detail span::-webkit-scrollbar { width:3px; }
.reviews .rew_car .rew_list .rew_detail span::-webkit-scrollbar-track {background: transparent;}
.reviews .rew_car .rew_list .rew_detail span::-webkit-scrollbar-thumb {background: #3A3C47; border-radius:2px;}
.reviews .rew_car .rew_list .rew_detail .kav { position:absolute; top:-12px; left:30px; width:24px; height:24px;}
.reviews .rew_car .slick-track { display: flex; }
.reviews .rew_car .slick-slide { height: auto; }
.reviews .rew_car .rew_list { flex-direction: column; justify-content: space-between; }

.main_part .models {  padding:15px 20px; max-width:1460px; margin:100px auto 150px; }
.main_part .models h2 { font-weight: 500; color: #FFFFFF; font-size: 20px; display:flex; align-items:center; margin-bottom:20px }
.main_part .models h2:after { width:60px; height:1.5px; display:inline-block; content:''; margin-left:10px; background: linear-gradient(90.25deg, #CCB38D 0.21%, #725A3F 99.81%); }
.main_part .models .more { width: fit-content; font-weight: 400; font-size: 29.9953px; line-height: 140%; color:#fff; text-decoration:none; display:flex; align-items: center; margin:80px 0 100px auto}
.main_part .models .more span { border: 1.99969px solid #9D9D9D; width:100px; height:100px; display:flex; align-items:center; justify-content:center; border-radius:100px; margin-right:30px; margin-bottom:0}
.main_part .models .more span svg {transition: 0.2s; transform: rotate(-45deg);}
.main_part .models .more:hover span {background:#fff; border:1px solid #fff}
.main_part .models .more:hover span svg { transform: rotate(0deg); }
.main_part .models .models_items {display:flex; flex-wrap:wrap; gap:20px; margin-bottom: 60px;}
.main_part .models .models-container {display: flex; justify-content: flex-end;}
.main_part .models .models_items .models_items_list {transition: 0.2s linear; width:49%;  border: 2px solid #3A3C47;  border-radius: 15px; background: linear-gradient(118.35deg, #3A3C47 0%, rgba(58, 60, 71, 0) 100%); }
.main_part .models .models_items .models_items_list p {width: fit-content; background: linear-gradient(90.25deg, #CCB38D 0.21%, #725A3F 99.81%);background: linear-gradient(90.25deg, #CCB38D 0.21%, #725A3F 99.81%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;font-weight: 600; font-size: 20px; line-height: 24px; padding:30px}
.main_part .models .models_items .models_items_list span { font-weight: 500; font-size: 16px; line-height: 20px; color: #FFFFFF; opacity: 0.8; padding:0 30px 30px 30px; display:block }
.main_part .models .models_items .models_items_list a { display:flex; justify-content:end; padding:0 30px 30px 0}
.main_part .models .models_items .models_items_list:hover a path {fill:#fff}


.main_part .logos { padding:15px 20px; max-width:1460px; margin:0px auto 50px;}
.main_part .logos h3 {
    font-weight: 600;
    font-size: 70px;
    line-height: 150%;
    color: #fff;
}
.main_part .logos .partners_list {display: flex; flex-wrap: wrap; justify-content: center;}
.main_part .logos .partners_list_items {position: relative; display:flex!important; align-items:center; justify-content:center; width: calc(100% / 5);}
.main_part .logos .partners_list_items img {max-width:100%}
.main_part .logos .partners_list_items .light {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: 0.25s;}
.main_part .logos .partners_list_items:hover .light {opacity: 1;}
.main_part .logos .slick-next {transition: 0.2s; background:url(/bitrix/templates/npanachev/images/right_arrow.svg) no-repeat center; width:40px; height:33px; opacity:0.5}
.main_part .logos .slick-next:hover,
.main_part .logos .slick-prev:hover {opacity:1}
.main_part .logos .slick-next:before {display:none}
.main_part .logos .slick-prev {transition: 0.2s; background:url(/bitrix/templates/npanachev/images/left_arrow.svg) no-repeat center; width:40px; height:33px;  opacity:0.5}
.main_part .logos .slick-prev:before {display:none}

.main_part.product { margin-top:-600px; background: none; }
.main_part.product:after { display: none; }

.main_part.product .product_list_items { max-width:1620px; margin:200px auto 50px; position: relative; z-index:9999}
.main_part.product .product_list_items .product_list {display: flex; justify-content: space-between; align-items: center; margin-bottom:200px}
.main_part.product .product_list_items .product_list p {background: var(--Gradient, linear-gradient(90deg, #CCB38D 0.21%, #725A3F 99.81%)); background-clip: text;  -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 30px; font-weight: 600;text-transform: uppercase;}
.main_part.product .product_list_items .product_list p span {font-size: 50px; display: block; padding-top:15px}
.main_part.product .product_list_items .product_list ul { display: flex; align-items: center; gap:30px; padding:50px 0}
.main_part.product .product_list_items .product_list ul li {font-size: 20px; font-weight: 600; color:#FFFFFF; display: flex; align-items: center; gap:10px}
.main_part.product .product_list_items .product_list ul li a {}
.main_part.product .product_list_items .more { width: fit-content; font-weight: 400; font-size: 29.9953px; line-height: 140%; color:#fff; text-decoration:none; display:flex; align-items: center; margin:80px 0 0px 0}
.main_part.product .product_list_items .more span { border: 1.99969px solid #9D9D9D; width:100px; height:100px; display:flex; align-items:center; justify-content:center; border-radius:100px; margin-right:30px; margin-bottom:0}
.main_part.product .product_list_items .more span svg {transition: 0.2s; transform: rotate(-45deg);}
.main_part.product .product_list_items .more:hover span {background:#fff; border:1px solid #fff}
.main_part.product .product_list_items .more:hover span svg { transform: rotate(0deg); }
.main_part.product .product_list_items .more_a { display: flex; align-items: flex-end;}
.main_part.product .product_list_items .more_a > .more_href {color: #CCB38D; font-size: 20px; text-decoration: none; margin-left:60px; margin-bottom: 14px;}
.main_part.product .integratia h3 {padding:30px 0 0 50px; font-size: 30px; font-weight: 600; text-transform: uppercase; background: var(--gradient, linear-gradient(93deg, #CCB38D 0%, #725A3F 100%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.map { background: #0F1015; padding-bottom:150px}
.map .wrap { padding:15px 20px; max-width:1460px; margin:0px auto 0; display:flex; justify-content:space-between}
.map .wrap .left_part { width:330px; flex:1 0 330px; border-radius:15px;  background: linear-gradient(118.35deg, #3A3C47 0%, rgba(58, 60, 71, 0) 100%); border:2px solid #3A3C47;}
.map .wrap .left_part .left_part-container {text-align: center; padding: 0 28px; margin-top: 30px; margin-bottom: 30px;}
.map .wrap .left_part .left_part-container .btn-view01 {width: 100%;}
.map .wrap .left_part img {width:100%; border-radius:15px 15px 0 0 }
.map .wrap .left_part p {padding:35px 27px 0 30px; font-weight: 300; font-size: 18px; color:#fff}
.map .wrap .left_part p:nth-of-type(2) {font-weight: 500; font-size: 15px; color: #9D9D9D; line-height: 240%;}
.map .wrap .left_part p:nth-of-type(2) a {color: #FFFFFF; text-decoration:none;font-weight: 300;}
.map .wrap .left_part .more { width: fit-content; font-weight: 400; font-size: 29.9953px; line-height: 140%; color:#fff; text-decoration:none; display:flex; align-items: center; margin:30px 0 50px 30px}
.map .wrap .left_part .more span { border: 1.99969px solid #9D9D9D; width:100px; height:100px; display:flex; align-items:center; justify-content:center; border-radius:100px; margin-right:30px; margin-bottom:0}
.map .wrap .left_part .more span svg {transition: 0.2s; transform: rotate(-45deg);}
.map .wrap .left_part .more:hover span {background:#fff; border:1px solid #fff}
.map .wrap .left_part .more:hover span svg { transform: rotate(0deg); }
.map .wrap .right_part {width:100%; text-align:right}
.map .wrap .right_part p { text-align:left; margin-left:110px; margin-top:80px}
.map .wrap .right_part p a {color: #9D9D9D; font-size: 18px; font-weight: 400; text-decoration:none; margin-right:50px}
.map .wrap .right_part p a span {margin:0 0 0 15px}
.map .wrap .right_part p a:hover { background: linear-gradient(90.25deg, #CCB38D 0.21%, #725A3F 99.81%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.map .wrap .right_part p a:hover path {fill: #9D9D9D; }
.map .wrap .right_part p a svg {transition: 0.2s; transform: rotate(-90deg);}
.map .wrap .right_part p a svg path {fill: #9D9D9D; }
.map .wrap .right_part p a:hover svg {transform: rotate(0deg);}
.map .wrap .right_part p a:hover svg path {fill:#725A3F;}

.prem_block {  padding:15px 20px 0; max-width:1460px; margin: 140px auto 0;  }
.prem_block .prem_block_car {margin: 0 -10px;}
.prem_block .prem_block_car .slick-track { display:flex; margin-bottom: 44px; padding-top:30px;}
.prem_block .prem_block_car .prem_block_list { margin: 0 10px; transition: 0.2s linear; height: 180px; position: relative; width: 25%; align-items: center; flex-direction: column; justify-content: center; display:flex; gap:30px}
.prem_block .prem_block_car .prem_block_list *{transition: 0.2s linear;}
.prem_block .prem_block_car .prem_block_list.slick-active{border-right: 1px solid #3a3c47;}
.prem_block .prem_block_car .prem_block_list:nth-child(4 of .slick-active){border: none}
.prem_block .prem_block_car .prem_block_list p { font-size: 20px;  font-weight: 500; color: var(--white, #FFF);}
/* .prem_block .prem_block_car .prem_block_list:hover img,
.prem_block .prem_block_car .prem_block_list:hover p { transform: translateY(-10px); } */
.prem_block .prem_block_car .slick-dots{bottom: 0;}
.prem_block .prem_block_car .slick-dots li,
.prem_block .prem_block_car .slick-dots li button{width: 40px; height: 2px; padding: 0;}
.prem_block .prem_block_car .slick-dots li button{background: #9d9d9d;}
.prem_block .prem_block_car .slick-dots li.slick-active button{background: linear-gradient(93deg, #ccb38d 0%, #725a3f 100%);}
.prem_block .prem_block_car .slick-next {right: -60px; transition: 0.2s; background:url(/bitrix/templates/npanachev/images/right_arrow_default.svg) no-repeat center; width:40px; height:33px; opacity:0.5}
.prem_block .prem_block_car .slick-next:hover {background: url(/bitrix/templates/npanachev/images/right_arrow.svg) no-repeat center;}
.prem_block .prem_block_car .slick-prev:hover {background: url(/bitrix/templates/npanachev/images/left_arrow.svg) no-repeat center;}
.prem_block .prem_block_car .slick-next:before {display:none}
.prem_block .prem_block_car .slick-prev {left: -80px; transition: 0.2s; background:url(/bitrix/templates/npanachev/images/left_arrow-default.svg) no-repeat center; width:40px; height:33px;  opacity:0.5}
.prem_block .prem_block_car .slick-prev:before {display:none}
.prem_block h2 { font-weight: 500; color: #FFFFFF; font-size: 20px; display: flex; align-items: center; margin-bottom:20px; text-transform:uppercase}
.prem_block h2:not(.big):after {width: 60px; height: 2px; border-radius: 2px; display: inline-block; content: ''; margin-left: 10px; background: linear-gradient(90.25deg, #CCB38D 0.21%, #725A3F 99.81%); }
.prem_block h2.big{font-weight: 600; font-size: 70px; line-height: 130%;}
.prem_block h2 + h2.big{margin-top: -20px;}

.prem_block.double#down_part h2 {justify-content: flex-start;}
.prem_block.double { margin-top:144px }
.prem_block.double .prem_block_double_car {display:flex; gap: 20px; margin-bottom: 80px; flex-wrap:wrap; justify-content: space-between;}
.prem_block.double .prem_block_double_car .prem_block_list { transition: 0.2s linear; position: relative; opacity: 0.95; border-bottom: 1px solid #3A3C47; filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.25)); backdrop-filter: blur(5px);  padding:0px 30px 20px 0; width: 48%; flex-direction: column; justify-content: center; display:flex; gap:10px}
/* .prem_block.double .prem_block_double_car .prem_block_list:hover { transform: translateY(-10px); } */
.prem_block.double .prem_block_double_car .prem_block_list p {display: flex; font-size: 20px; font-weight: 500;     background: var(--gradient, linear-gradient(93deg, #CCB38D 0%, #725A3F 100%));background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.prem_block.double .prem_block_double_car .prem_block_list p:before {content:'01'; display:inline; color:#fff;     -webkit-text-fill-color:#fff; margin-right: 20px;}
.prem_block.double .prem_block_double_car .prem_block_list:nth-of-type(2) p:before  {content:'04';}
.prem_block.double .prem_block_double_car .prem_block_list:nth-of-type(3) p:before  {content:'02';}
.prem_block.double .prem_block_double_car .prem_block_list:nth-of-type(4) p:before  {content:'05';}
.prem_block.double .prem_block_double_car .prem_block_list:nth-of-type(5) p:before  {content:'03';}
.prem_block.double .prem_block_double_car .prem_block_list:nth-of-type(6) p:before  {content:'06';}
.prem_block.double .prem_block_double_car .prem_block_list:nth-of-type(7) p:before  {content:'04';}
.prem_block.double .prem_block_double_car .prem_block_list:nth-of-type(8) p:before  {content:'08';}
.francising-wrp .prem_block.double .prem_block_double_car .prem_block_list:nth-of-type(6) p:before  {content:'07';}
.francising-wrp .prem_block.double .prem_block_double_car .prem_block_list:nth-of-type(4) p:before  {content:'06';}
.francising-wrp .prem_block.double .prem_block_double_car .prem_block_list:nth-of-type(2) p:before {content: '05';}
.francising-wrp .prem_block.double .prem_block_double_car .prem_block_list {justify-content: start;}
.prem_block.double .prem_block_double_car .prem_block_list span { font-size: 16px;  color:#9D9D9D; font-weight: 500; opacity: 0.8; line-height: 1.5; padding-left:40px}
.prem_block.double  h2 {text-align:right; justify-content: flex-end; text-transform:uppercase; margin-bottom:50px}

.mobile_services {  padding:15px 20px; max-width:1460px; margin:100px auto; display:flex; gap:200px}
.mobile_services.wazzup_mob {gap:75px; margin: 100px auto 40px;}
.mobile_services div {width: 700px;}
.mobile_services div p {font-size: 70px; line-height: 130%; color: var(--white, #FFF); font-weight: 600;}
.mobile_services.wazzup_mob div p {font-size: 50px}
.mobile_services div p span {background: var(--gradient, linear-gradient(93deg, #CCB38D 0%, #725A3F 100%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.mobile_services div font {color: var(--light-2, #9d9d9d); font-size: 18px; font-weight: 400;line-height: 150%;  display:block; margin:60px 0 100px}
.mobile_services.wazzup_mob div font {margin: 90px 0 110px;}
.mobile_services div a {
    transition: 0.25s ease;
    display: flex;
    width: 205px;
    height: 60px;
    align-items: center;
    justify-content: center;
    border: 1px solid #1b4be9;
    border-radius: 15px;
    padding: 18px 30px;
    background-color: transparent;
}
.mobile_services div a:hover {
    background: rgba(45, 94, 255, 0.1);
    border-color: #2D5EFF;
}
.mobile_services div a:focus {
    background: rgba(45, 94, 255, 0.1);
    border-color: #2D5EFF;
    box-shadow: 0 0 0 2px rgba(45, 94, 255, 0.4);
    outline: none;
}
.mobile_services div p:nth-of-type(2) {display:flex; gap:20px; flex-wrap: wrap;}

.fa {display: none!important}
.faq { padding:15px 20px; max-width:1460px; margin:140px auto;}

.faq .accordion .accordion__header {margin: 0 3px 0 10px;padding:20px 0; display: flex; justify-content:space-between; align-items: center; font-size: 20px; color: #fff; font-weight: 500; cursor: pointer; transition: background-color 0.2s ease-out; }
.faq .accordion .accordion__item { border-bottom:#3A3C47 1px solid; }
.faq .accordion .accordion__item:first-child { border-top:#3A3C47 1px solid; }
.faq .accordion {
    max-width: 1180px;
    margin: 0 0 0 auto;
    padding: 50px 0;
}
.faq h2 {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.faq h2.big {
    font-weight: 600;
    font-size: 70px;
    line-height: 130%;
}
.faq h2 + h2.big {
    margin-top: -20px;
}
.faq h2:not(.big):after {
    width: 60px;
    height: 2px;
    border-radius: 2px;
    display: inline-block;
    content: '';
    margin-left: 10px;
    background: linear-gradient(90.25deg, #CCB38D 0.21%, #725A3F 99.81%);
}


.faq .accordion .accordion__item .accordion__header::after {
    transition: 0.2s ease;
    width: 24px;
    height: 24px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.00008 0C9.4323 0 9.78269 0.350386 9.78269 0.782609L9.78345 8.21856L17.2174 8.21747C17.6496 8.21747 18 8.56785 18 9.00008C18 9.4323 17.6496 9.78269 17.2174 9.78269L9.78345 9.78378L9.78269 17.2174C9.78269 17.6496 9.4323 18 9.00008 18C8.56786 18 8.21747 17.6496 8.21747 17.2174L8.21823 9.78378L0.782609 9.78269C0.350386 9.78269 0 9.4323 0 9.00008C0 8.56785 0.350386 8.21747 0.782608 8.21747L8.21823 8.21856L8.21747 0.782609C8.21747 0.350386 8.56786 0 9.00008 0Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transform: scale(1) rotate(0deg);
    opacity: 1;
}

.faq .accordion .accordion__item.accordion__item_show .accordion__header::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.782609 8.21747L17.2174 8.21747C17.6496 8.21747 18 8.56785 18 9.00008C18 9.4323 17.6496 9.78269 17.2174 9.78269L0.782609 9.78269C0.350386 9.78269 0 9.4323 0 9.00008C0 8.56785 0.350386 8.21747 0.782609 8.21747Z' fill='white'/%3E%3C/svg%3E");
    transform: scale(1) rotate(0deg);
    opacity: 1;
    transition: 0.2s ease;
}
.mobile_services {
    position: relative;
    overflow: visible;
}

.mobile_services::before {
    content: '';
    position: absolute;
    width: 800px;
    height: 400px;
    left: -700px;
    top: 90%;
    transform: translateY(-50%);
    background: radial-gradient(circle, #A79478 0%, #A79478 40%, transparent 70%);
    border-radius: 50%;
    filter: blur(300px);
    pointer-events: none;
    z-index: 0;
    opacity: 0.8;
}

.mobile_services > div,
.mobile_services > img {
    position: relative;
    z-index: 1;
}
.faq .accordion .accordion__content {margin: 0 10px; color: var(--light-2, #9D9D9D); font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; padding:0 0 25px 0; max-width: 90%; }
.faq .accordion .accordion__item:not(.accordion__item_show) .accordion__body { display: none; }
.accordion__content a { color: #1943ce}
.accordion__content ul {
    list-style: none; /* убираем стандартные точки */
    margin: 0;
    padding: 0;
}

.accordion__content ul li {
    position: relative;
    padding-left: 24px; /* место под свою точку */
    margin-bottom: 20px; /* расстояние между пунктами */
}

.accordion__content ul li::before {
    content: '•';
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1;
    font-size: 20px;
}

.accordion__content ul .list-title {
    display: block;
    padding-bottom: 10px; 
}
.accordion__content ul .list-text {
    margin-left: -24px;
}
.accordion__content .no-title .list-text {
    margin-left: unset;
}
.accordion__content .no-title li{
    margin-left: unset;
    padding-left: 20px; /* место под свою точку */
     margin-bottom: unset;

}

footer {background: #0F1015;}
footer .wrap { padding:15px 20px; max-width:1460px; margin:0px auto 0;display: flex;flex-direction: column;justify-content: space-between;}
/* footer .wrap ul { display:flex; list-style:none; justify-content:space-between; margin-bottom:40px}
footer .wrap ul li {flex-basis: 19%; position: relative;}
footer .wrap ul li a {font-weight: 500; font-size: 20px; color: #9D9D9D; text-transform: uppercase; text-decoration:none;display: flex; align-items: center;}
footer .wrap ul li .title {display: flex;}


footer .wrap ul li:nth-child(3) .title {justify-content: center;}
footer .wrap ul li:nth-child(4) .title {justify-content: flex-end;}
footer .wrap ul li:nth-child(5) .title {justify-content: flex-end;} */

.logo_part .top-menu li .root-item.active {color: #1B4BE9}
.dropdown-arrow {cursor: pointer; transition: 0.2s; width: 24px;display: block;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='4' viewBox='0 0 9 4' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.13885 3.77255C4.75973 4.07582 4.2393 4.07582 3.86017 3.77255L0.770437 1.30103C0.471147 1.06163 0.410534 0.607566 0.635216 0.288055C0.858866 -0.0299904 1.28078 -0.0944931 1.5787 0.143815L4.49951 2.48021L7.42032 0.143815C7.71824 -0.0944925 8.14016 -0.0299898 8.36381 0.288055C8.58849 0.607567 8.52788 1.06163 8.22859 1.30103L5.13885 3.77255Z' fill='white'/%3E%3C/svg%3E");;background-color: transparent;border: none;background-repeat: no-repeat;background-position: center;}
.dropdown-arrow.active {transform: rotate(180deg);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='4' viewBox='0 0 9 4' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.13885 3.77255C4.75973 4.07582 4.2393 4.07582 3.86017 3.77255L0.770437 1.30103C0.471147 1.06163 0.410534 0.607566 0.635216 0.288055C0.858866 -0.0299904 1.28078 -0.0944931 1.5787 0.143815L4.49951 2.48021L7.42032 0.143815C7.71824 -0.0944925 8.14016 -0.0299898 8.36381 0.288055C8.58849 0.607567 8.52788 1.06163 8.22859 1.30103L5.13885 3.77255Z' fill='%231B4BE9'/%3E%3C/svg%3E");
}
.menu-rbz-dropdown {display: none;position: absolute;top: 180%;left: 0;right: 0;padding: 30px;z-index: 1;border: 2px solid #CCB38D;border-radius: 15px;opacity: 0.95;background-color: #0F1015;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='141' height='220' viewBox='0 0 141 220' fill='none'%3E%3Cpath opacity='0.05' d='M99.4938 3.09813L99.5284 3.01495L99.5569 2.92949C99.6298 2.71083 99.721 2.63187 99.7724 2.59661C99.8363 2.55281 99.9567 2.5 100.156 2.5C100.531 2.5 101.135 2.70415 101.639 3.35691L198.46 236.364C198.518 236.572 198.504 236.725 198.472 236.839C198.433 236.978 198.349 237.122 198.215 237.246C197.927 237.516 197.633 237.526 197.478 237.472L104.412 197.591C101.852 196.335 99.1736 196.335 96.6131 197.591L3.6263 237.438C3.42322 237.493 3.2731 237.478 3.1608 237.447C3.02155 237.408 2.87773 237.323 2.75348 237.19C2.47989 236.897 2.47393 236.599 2.53093 236.446C2.53195 236.443 2.533 236.441 2.53406 236.438L99.4938 3.09813Z' stroke='url(%23paint0_linear_1249_544)' stroke-width='5'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1249_544' x1='1.06969e-07' y1='120' x2='201.039' y2='120.727' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CCB38D'/%3E%3Cstop offset='1' stop-color='%23725A3F'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");background-repeat: no-repeat;background-position: bottom 150% right;backdrop-filter: blur(5px);}
.menu-rbz-dropdown--static-w {width: 250px;}
.menu-rbz-dropdown.open {display: block;}
.menu-rbz-dropdown .item:not(:last-child) {margin-bottom: 20px;}
.menu-rbz-dropdown .item a {text-transform: capitalize;font-size: 16px !important;color: white;font-weight: 400 !important;}

footer .wrap .phone { display:flex; align-items:center; justify-content:space-between}
footer .wrap .phone .more { width: fit-content; font-weight: 400; font-size: 29.9953px; line-height: 140%; color:#fff; text-decoration:none; display:flex; align-items: center; margin:30px 0 50px 30px}
footer .wrap .phone .more span { border: 1.99969px solid #9D9D9D; width:100px; height:100px; display:flex; align-items:center; justify-content:center; border-radius:100px; margin-right:30px; margin-bottom:0}
footer .wrap .phone .more span svg {transition: 0.2s; transform: rotate(-45deg);}
footer .wrap .phone .more:hover span {background:#fff; border:1px solid #fff}
footer .wrap .phone .more:hover span svg { transform: rotate(0deg); }
footer .wrap .phone p {display:flex; gap:50px }
footer .wrap .phone p span {font-weight: 400; display:block; color: #9D9D9D; font-size: 14px; display:block}
footer .wrap .phone p a { text-decoration:none; font-weight: 500; color:#fff; font-size: 30px;}
footer .wrap .copy {
    /* padding-bottom:50px;  */
    display:flex; justify-content:space-between}
footer .wrap .copy span {margin-right:35px;position:relative; font-weight: 500; font-size: 14px; color:#fff;  }
footer .wrap .copy span:after { display:block; position:absolute; bottom:-2px; left:0; content:''; height:2px; width:100%;  background: linear-gradient(90.25deg, #CCB38D 0.21%, #725A3F 99.81%);}
footer .wrap .copy p  {display:flex; align-items:center}
footer .wrap .copy p a {display:flex; align-items:center; margin-left:60px; color: #9D9D9D; font-size: 14px; font-weight: 400; text-decoration:none}
footer .wrap .copy p a svg {transition: 0.2s; transform: rotate(0deg);}
footer .wrap .copy p a:hover svg { }
footer .wrap .copy p a:hover svg path {fill:#725A3F; }



.qr_wrap {display: flex; margin-top: 50px}
.qr_wrap .whatsapp {width: 50%; display: flex; flex-direction: column; align-items: center;gap:70px}
.qr_wrap .whatsapp span {display: flex;flex-direction: column;align-items: center;gap: 10px;color: white;    font-size: 50px; position: relative}
.qr_wrap .whatsapp span:before {content: ''; background: url(/bitrix/templates/npanachev/images/wa.svg) no-repeat; width: 40px; height: 40px;}
.qr_wrap .whatsapp span:after {content: ''; background: url(/bitrix/templates/npanachev/images/arrow_left.svg) no-repeat; width: 55px; height: 185px; position: absolute; left: -25%; top: 70%;}
.qr_wrap .telegram {width: 50%; display: flex; flex-direction: column; align-items: center; gap:70px}
.qr_wrap .telegram span {display: flex;flex-direction: column;align-items: center;gap: 10px;color: white;    font-size: 50px; position: relative}
.qr_wrap .telegram span:before {content: ''; background: url(/bitrix/templates/npanachev/images/tg.svg) no-repeat; width: 48px; height: 40px;}
.qr_wrap .telegram span:after {content: ''; background: url(/bitrix/templates/npanachev/images/arrow_right.svg) no-repeat; width: 48px; height: 165px; position: absolute; right: -30%; top: 70%;}
.qr_wrap > div img {width: 250px!important}


.shadow-notification {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1480;background-color: rgba(0, 0, 0, .5);}
.notification.open {display: flex;}
.notification {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1500;padding: 0 15px;justify-content: center;align-items: center;}
.notification .wrap {position: relative;display: flex;flex-direction: column;align-items: center;max-width: 630px;padding: 40px 60px;border-radius: 15px;background: linear-gradient(118deg, #3A3C47 0%, rgba(58, 60, 71, 0.00) 100%);box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);border: 2px solid #3A3C47;backdrop-filter: blur(5px);}
.notification .wrap .btn-close {cursor:pointer; position: absolute;top: 20px;right: 20px;width: 12px;height: 12px;background-color: transparent;background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.229221 0.229221C0.534848 -0.0764069 1.03037 -0.0764069 1.336 0.229221L6 4.89322L10.664 0.229221C10.9696 -0.0764069 11.4652 -0.0764069 11.7708 0.229221C12.0764 0.534848 12.0764 1.03037 11.7708 1.336L7.10678 6L11.7708 10.664C12.0764 10.9696 12.0764 11.4652 11.7708 11.7708C11.4652 12.0764 10.9696 12.0764 10.664 11.7708L6 7.10678L1.336 11.7708C1.03037 12.0764 0.534848 12.0764 0.229221 11.7708C-0.0764069 11.4652 -0.0764069 10.9696 0.229221 10.664L4.89322 6L0.229221 1.336C-0.0764069 1.03037 -0.0764069 0.534848 0.229221 0.229221Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;border: none;}
.notification .wrap .logotype-wrap {margin-bottom: 40px;}
.notification .wrap .text {color: white; text-align: center;}
.notification .wrap .text:not(:last-child) {margin-bottom: 10px;}



/* POPUP start */

.popup-component-shadow {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1480;background-color: rgba(0, 0, 0, .5);}
.popup-component {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 15000;padding: 15px;justify-content: center;align-items: center; overflow: auto;}
.popup-component.open {display: flex;}
.popup-component__wrap {position: relative;max-width: 630px;padding: 40px 60px;border-radius: 15px;background: linear-gradient(118deg, #3A3C47 0%, rgba(58, 60, 71, 0.00) 100%);box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);border: 2px solid #3A3C47;backdrop-filter: blur(5px); margin: auto;}

.popup-component__success {color: white;text-align: center;}
.popup-component__logo {display: flex;justify-content: center;margin-bottom: 40px;}
.popup-component__desc {text-align: center;color: white;font-size: 16px;font-weight: 500;line-height: 150%;margin-bottom: 40px;}
.popup-component__wrap-error .errortext {font-size: 14px;display: block;margin-bottom: 20px;line-height: 150%;text-align: center;background: linear-gradient(90.25deg, #CCB38D 0.21%, #725A3F 99.81%), linear-gradient(0deg, #FFFFFF, #FFFFFF);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.popup-component__form-group {position: relative;}
.popup-component__form-group:not(:last-child) {margin-bottom: 19px;}
/* .popup-component__form-group.profile-logo:before {content: '';position: absolute;top: 15px;left: 20px;z-index: 1;display: inline-block;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M3.60176 19.5L3.60297 19.5L3.59938 19.4999C3.5938 19.4997 3.58322 19.4992 3.56835 19.4981C3.53844 19.4959 3.49229 19.4912 3.43553 19.4813C3.31971 19.4612 3.17249 19.4219 3.03097 19.3482C2.89182 19.2757 2.76485 19.1738 2.67114 19.0273C2.5788 18.8831 2.5 18.6666 2.5 18.3333C2.5 17.614 2.86092 16.0601 3.98609 14.6927C5.09076 13.3502 6.94891 12.1667 10 12.1667C13.0511 12.1667 14.9092 13.3502 16.0139 14.6927C17.1391 16.0601 17.5 17.614 17.5 18.3333C17.5 18.6666 17.4212 18.8831 17.3289 19.0273C17.2351 19.1738 17.1082 19.2757 16.969 19.3482C16.8275 19.4219 16.6803 19.4612 16.5645 19.4813C16.5077 19.4912 16.4616 19.4959 16.4317 19.4981C16.4168 19.4992 16.4062 19.4997 16.4006 19.4999L16.397 19.5L16.3982 19.5L16.3991 19.5H16.3969H3.60313H3.60095L3.60176 19.5ZM13.0334 8.18927C12.2253 9.03107 11.1337 9.5 10 9.5C8.86631 9.5 7.77471 9.03107 6.96658 8.18927C6.15779 7.34677 5.7 6.19991 5.7 5C5.7 3.80009 6.15779 2.65323 6.96658 1.81073C7.77471 0.968933 8.86631 0.5 10 0.5C11.1337 0.5 12.2253 0.968933 13.0334 1.81073C13.8422 2.65323 14.3 3.80009 14.3 5C14.3 6.19991 13.8422 7.34677 13.0334 8.18927Z' stroke='%239D9D9D'/%3E%3C/svg%3E");width: 20px;height: 20px;} */
/* .popup-component__form-group.phone-logo:before {content: '';position: absolute;top: 15px;left: 20px;z-index: 1;display: inline-block;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1609_346)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.605 1.11111C1.47424 1.11184 1.34904 1.16411 1.25657 1.25657C1.16411 1.34904 1.11184 1.47424 1.11111 1.605C1.11111 11.1517 8.84833 18.8889 18.395 18.8889C18.5258 18.8882 18.651 18.8359 18.7434 18.7434C18.8359 18.651 18.8882 18.5258 18.8889 18.395V14.7333C18.8882 14.6026 18.8359 14.4774 18.7434 14.3849C18.651 14.2924 18.5258 14.2402 18.395 14.2394C17.0344 14.2394 15.7061 14.02 14.4744 13.6133L14.4689 13.6111C14.383 13.5829 14.291 13.5792 14.2031 13.6003C14.1152 13.6214 14.0349 13.6665 13.9711 13.7306L11.3767 16.325L11.0167 16.1406C7.94389 14.5661 5.42389 12.0583 3.85944 8.98278L3.67611 8.62333L6.27056 6.02889C6.33644 5.96429 6.38307 5.88264 6.40524 5.79308C6.42741 5.70351 6.42425 5.60954 6.39611 5.52167C5.98046 4.25776 5.76965 2.9355 5.77167 1.605C5.77094 1.47424 5.71867 1.34904 5.6262 1.25657C5.53374 1.16411 5.40854 1.11184 5.27778 1.11111H1.605ZM0 1.605C0.000734417 1.17955 0.170068 0.771742 0.470905 0.470905C0.771742 0.170068 1.17955 0.000734417 1.605 0H5.27778C5.70323 0.000734417 6.11104 0.170068 6.41187 0.470905C6.71271 0.771742 6.88204 1.17955 6.88278 1.605C6.88278 2.85722 7.08278 4.05778 7.45278 5.17722L7.45389 5.18056L7.455 5.18444C7.54493 5.46658 7.55522 5.76807 7.48474 6.05568C7.41425 6.34329 7.26574 6.60585 7.05556 6.81445L5.03667 8.83389C6.44859 11.4235 8.57683 13.5513 11.1667 14.9628L13.1856 12.9444C13.396 12.7338 13.6611 12.5861 13.9509 12.518C14.2408 12.4499 14.5439 12.464 14.8261 12.5589C15.978 12.9368 17.1827 13.1289 18.395 13.1278C18.8204 13.1285 19.2283 13.2978 19.5291 13.5987C19.8299 13.8995 19.9993 14.3073 20 14.7328V18.395C19.9993 18.8204 19.8299 19.2283 19.5291 19.5291C19.2283 19.8299 18.8204 19.9993 18.395 20C8.23445 20 0 11.7656 0 1.605Z' fill='%239D9D9D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1609_346'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");width: 20px;height: 20px;} */
/* .popup-component__form-group.message-logo:before {content: '';position: absolute;top: 15px;left: 20px;z-index: 1;display: inline-block;background: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.30972 10.8425C-0.799844 5.66522 3.00919 0 8.59933 0H8.90057C10.9084 0.000497544 12.8339 0.798329 14.2536 2.21809C15.6734 3.63784 16.4712 5.5633 16.4717 7.57114C16.472 8.67811 16.2541 9.77427 15.8306 10.797C15.4071 11.8198 14.7862 12.7491 14.0035 13.5318C13.2208 14.3145 12.2915 14.9354 11.2687 15.3589C10.246 15.7824 9.14982 16.0002 8.04285 16H0.704437C0.558626 16.0001 0.416375 15.955 0.29734 15.8708C0.178304 15.7865 0.0883617 15.6674 0.0399408 15.5299C-0.00848016 15.3924 -0.0129891 15.2432 0.0270373 15.103C0.0670636 14.9628 0.149649 14.8385 0.263381 14.7472L2.113 13.2617C2.15255 13.23 2.18077 13.1864 2.19346 13.1373C2.20615 13.0883 2.20261 13.0364 2.18338 12.9896L1.30972 10.8425ZM8.59933 1.40762C4.00766 1.40762 0.879921 6.05936 2.61224 10.3113L3.48684 12.4594C3.6201 12.7868 3.64413 13.1485 3.55537 13.4907C3.46661 13.8329 3.26979 14.1373 2.99417 14.3587L2.7042 14.5924H8.04285C8.96496 14.5926 9.87809 14.4112 10.7301 14.0584C11.582 13.7057 12.3561 13.1885 13.0082 12.5365C13.6602 11.8844 14.1774 11.1103 14.5301 10.2583C14.8829 9.40638 15.0643 8.49325 15.0641 7.57114C15.0636 5.93663 14.4141 4.3692 13.2583 3.21343C12.1025 2.05765 10.5351 1.40812 8.90057 1.40762H8.59933Z' fill='%239D9D9D' /%3E%3C/svg%3E") center / contain no-repeat;width: 20px;height: 20px;} */
input.popup-component__form-control[type="text"] {width: 100%;padding: 18px 25px 18px 25px;border-radius: 15px;opacity: 0.95;background-color: #1C1D24;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);backdrop-filter: blur(5px);line-height: 150%;color: #9D9D9D;}
textarea.popup-component__form-control {width: 100%;padding: 15px 25px 15px 25px;resize: none;border-radius: 15px;opacity: 0.95;background-color: #1C1D24;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);backdrop-filter: blur(5px);line-height: 150%;color: #9D9D9D;}
input.popup-component__form-control[type="text"]::placeholder {color: #9D9D9D;}
textarea.popup-component__form-control::placeholder {color: #9D9D9D;}
.popup-component__submit {font-family: 'Montserrat';margin-top: 40px;display: flex;align-items: center;cursor: pointer;border: none;background-color: transparent;color: white;font-size: 30px;line-height: 140%;}
.popup-component__wrap-arrow {cursor: pointer;border: 2px solid #9D9D9D;width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;border-radius: 100px;}
.popup-component__wrap-arrow svg {transition: 0.2s;transform: rotate(-45deg);}
.popup-component__submit:hover .popup-component__wrap-arrow {background-color: white;border-color: white;}
.popup-component__submit:hover .popup-component__wrap-arrow svg {transform: rotate(0);}
.popup-component__submit-text {padding-left: 30px;}
.popup-component__user-agreement {margin-top: 40px;text-align: center;color: #9D9D9D;font-size: 12px;line-height: 150%;}
.popup-component__user-agreement a {color: inherit;text-decoration: none;font-weight: 700;}
.integratia-bg {text-decoration: none;}
input.popup-component__form-control[type="text"]::placeholder {
    color: rgba(255, 255, 255, 0.2);
}
textarea.popup-component__form-control::placeholder {
    color: rgba(255, 255, 255, 0.2);
}

/* Стили ошибки для полей формы */
.popup-component__form-group.has-error .popup-component__form-control,
input.popup-component__form-control[type="text"].input-error,
textarea.popup-component__form-control.input-error {
    border: 1px solid #CC0D00;
}
.popup-component__form-group.has-error {
    position: relative;
}
.popup-component__form-group.has-error::after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url('/bitrix/templates/npanachev/images/Error.svg') no-repeat center center;
    background-size: contain;
    pointer-events: none;
}
.popup-component__form-group.has-error .popup-component__form-control {
    padding-right: 50px;
}
/* Для textarea иконка ошибки сверху справа */
.popup-component__form-group.has-error.message-logo::after {
    top: 18px;
    transform: none;
}

/* POPUP end */





.table_product .tabs .tabs__wrap {display: flex; flex-direction: column; justify-content: center; align-items: center;}

.table_product {max-width: 1460px;margin-left: auto;margin-right: auto;}

.table_product .aimylogic-grid {display: none;color: white;grid-template-columns: 25% repeat(5, 15%);grid-template-rows: repeat(6, 16%);min-height: 550px;margin-bottom: 200px;}
.table_product .aimylogic-grid.open {display: grid;}
.table_product .aimylogic-grid div {width: 100%;   border: 1px solid rgba(157, 157, 157, 1);}
.table_product .aimylogic-grid .grid_tale_flex {display: flex;flex-direction: column;justify-content: center;}
.table_product .aimylogic-grid div p {text-align: center; font-size: 20px; line-height: 28px;     display: flex;justify-content: center;align-items: center;height: 100%;}
.table_product .aimylogic-grid div p.minutes {display: block;height: auto;}
.table_product .aimylogic-grid div p.minutes:after {content: ' мин';}
.table_product .aimylogic-grid div p.calls {display: block;height: auto;font-weight: 400;font-size: 16px;}
.table_product .aimylogic-grid div p.calls:before {content: '~ ';}
.table_product .aimylogic-grid div p.calls:after {content: ' звонков';}
.table_product .aimylogic-grid .bold p {font-weight: 500}
.table_product .aimylogic-grid .title p {justify-content: space-between;    text-align: left;    padding: 0 20px 0 0;}
.table_product .aimylogic-grid .title .info_icon {background: url(/bitrix/templates/npanachev/images/info.svg) no-repeat; width: 25px; height: 25px;     display: inline-block;}
.table_product .aimylogic-grid .none {border: transparent}
.table_product .aimylogic-grid .left {border-left: transparent}
.table_product .aimylogic-grid .right {border-right: transparent}
.table_product .aimylogic-grid .bottom {border-bottom: transparent}
.table_product .aimylogic-grid .top {border-top: transparent}
.aimylogic-grid div.ai_grid_tale_5 p {background: var(--gradient, linear-gradient(93deg, #CCB38D 0%, #725A3F 100%));border-radius: 15px;border: 2px solid rgba(112, 89, 63, 1);width: 90%;margin: auto;height: 90%;font-weight: 600;}
.ai_grid_tale_15, .ai_grid_tale_18 {grid-column: 3/7;}
.ai_grid_tale_20, .ai_grid_tale_22 {grid-column: 2/7;}
.ai_grid_tale_20 div.integration {padding: 10px 20px;    border: none;    display: flex;    flex-wrap: wrap;    justify-content: center;       gap: 10px 0px;}
.ai_grid_tale_20 div.integration .integration_item {border: none;    width: auto;    height: fit-content;    display: flex;    align-items: center;    gap: 5px;}
.ai_grid_tale_20 div.integration .integration_item span {background: linear-gradient(114.35deg, #3A3C47 0%, rgba(58, 60, 71, 0) 100%);border-radius:10px;border: 2px solid rgba(58, 60, 71, 1);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);     padding: 3px 20px;     margin-top: 0;    font-size: 16px;font-weight: 400;}
.ai_grid_tale_20 div.integration .integration_item .info_icon {width: 40px;    background: url(/bitrix/templates/npanachev/images/info.svg) no-repeat;    height: 25px;    display: inline-block;}



.error-404 {
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 50px 20px;
}

.error-404__content {
    max-width: 600px;
    text-align: center !important;
}
.banner_part.error404.inside {
    background: url(/bitrix/templates/npanachev/images/bg_img_circle.svg) no-repeat top center #0F1015;
}
.error-404__content h1 {
    font-size: 120px !important;
    font-weight: 700 !important;
    background: linear-gradient(93deg, #CCB38D 0%, #725A3F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px;
    text-align: center !important;
}

.error-404__content p {
    font-size: 40px !important;
    margin-bottom: 40px;
    text-align: center !important;
}

.error-404__text {
    font-size: 20px;
    color: #9D9D9D;
    margin-bottom: 40px;
}
.error404-none {
    display: none;
}
.banner_part .wrap .banner_text.error404 {
    padding-top: 0;
}


.integratia.product-block {    justify-content: flex-start!important;}

@media (max-width: 768px) {
    .error-404__content h1 {
        font-size: 80px;
    }
    
    .error-404__content p {
        font-size: 30px;
    }
    
    .error-404__text {
        font-size: 16px !important;
    }
}
@media (max-width: 500px) {
    .error-404__content h1 {
        font-size: 90px;
    }
    
}



#item_12 {display: flex;align-items: center;justify-content: center;}
#item_12 div {width: auto;height: auto;border: none;}
#item_12 div.select-custom {width: 130px;}
#item_12 div.select-custom__trigger {border: 2px solid rgba(58, 60, 71, 1);}
#item_12 div.select-custom__options {border: 2px solid rgba(58, 60, 71, 1);}
#item_5 .title { position: relative ;background: radial-gradient(ellipse farthest-side at 50% 100%, rgba(204, 179, 141, 0.5) 0%, rgba(15, 16, 21, 0) 90%);margin: auto;font-weight: 600;}
#item_5 .title .old-price {color: #3A3C47;}
#item_49 {grid-column: 1/2;}
#item_50 {grid-column: 2/7;border-bottom: transparent;border-left: transparent;border-right: transparent;}
#item_51, #second_item_5, #second_item_9 { border-left: transparent;}
#second_item_8, #second_item_9, #second_item_10, #second_item_11, #second_item_12 { border-right: transparent;}
#item_52 {grid-column: 2/7;border-left: transparent;    border-right: transparent;}
#second_item_5, #second_item_6, #second_item_7 {border-bottom: transparent; border-right: transparent}



#second_item_7 {display: flex;align-items: center;justify-content: center;}
#second_item_7 div {width: auto;height: auto;border: none;}
#second_item_7 div.select-custom {width: 130px;}
#second_item_7 div.select-custom__trigger {border: 2px solid rgba(58, 60, 71, 1);}
#second_item_7 div.select-custom__options {border: 2px solid rgba(58, 60, 71, 1);}

#item_1, #item_2,  #item_3,  #item_4,  #item_5,  #item_6, #second_item_1, #second_item_2, #second_item_3, #second_item_4 {border-top: transparent;}
#item_1, #second_item_1 { border-left: transparent;}
#item_6, #second_item_4 { border-right: transparent;}
#item_9 p, #item_10 p,  #item_11 p {font-weight: 500}
#item_7, #item_13,  #item_19,  #item_25,  #item_31,  #item_37,  #item_43,  #item_49 {border-left: transparent; border-bottom: transparent;}
#item_7 p, #item_13 p,  #item_19 p,  #item_25 p,  #item_31 p,  #item_37 p,  #item_43 p,  #item_49 p, #item_51 p, #second_item_5 p, #second_item_9 p  {justify-content: space-between;text-align: left;padding: 0 20px 0 0;}
#item_12, #item_18,  #item_24,  #item_30,  #item_36,  #item_42,  #item_48 {    border-bottom: transparent;border-left: transparent;    border-right: transparent;}
#item_8, #item_10,  #item_14,  #item_16,  #item_20,  #item_22,  #item_26,  #item_28,  #item_32, #item_34,  #item_38,  #item_40,  #item_44,  #item_46 {border-left: transparent; border-right: transparent;    border-bottom: transparent;}
#item_9, #item_15,  #item_21,  #item_25,  #item_27,  #item_33,  #item_39,  #item_45, #item_11, #item_17,  #item_23,  #item_27,  #item_35,  #item_41,  #item_47, #second_item_8{    border-bottom: transparent;}
#second_item_6 p, #second_item_8 p {font-weight: 500}
#second_item_8 p {flex-direction: column;}
#second_item_8 p a {text-decoration: none; font-size: 14px;font-weight: 400;    background: #1B4BE9;    background-clip: text;    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;}
#second_item_10 p, #second_item_11 p, #second_item_12 p {flex-direction: column; gap: 8px;}
#second_item_10 p span, #second_item_11 p span, #second_item_12 p span {margin-top: 0}
#second_item_10 p .enabled, #second_item_11 p .enabled, #second_item_12 p .enabled{display: flex;    align-items: center;   justify-content: center;}
#second_item_10 p .enabled:after, #second_item_11 p .enabled:after, #second_item_12 p .enabled:after{content: '' ;background: url(/bitrix/templates/npanachev/images/check-blue.svg) no-repeat;     width: 20px;    height: 20px;    display: block;    background-size: contain;margin-left: 10px;}
#second_item_10 p .disabled, #second_item_11 p .disabled, #second_item_12 p .disabled {color: #3A3C47;}
#item_50 .integration {padding: 10px 20px;border: none;display: flex;flex-wrap: wrap;    justify-content: center;    gap: 5px;}
#item_50 .integration .integration_item {    border: none;width: auto;height: fit-content;display: flex;align-items: center;gap: 10px;}
#item_50 .integration .integration_item .info_icon {width: 40px}
#item_50 .integration span {border-radius:10px;border: 1px solid #1b4be9;font-size: 16px;  padding: 4px 12px;    margin-top: 0;font-weight: 500; opacity: 0.8;}
#item_50 .integration span:hover {background: #1B4BE9;cursor: pointer;}
.table_product .under_table {display: flex; flex-direction: column; justify-content: center; align-items: center;     gap: 15px;}
.table_product .under_table p {text-align: center; font-size: 20px; line-height: 28px; color: white }
.table_product .under_table span {color: rgba(157, 157, 157, 1);text-align: center; font-size: 20px;}
.table_product .under_table .more {width: fit-content;font-weight: 400;font-size: 29.9953px;line-height: 140%;color: #fff;text-decoration: none;display: flex; align-items: center;    margin: 45px 0 200px;}
.table_product .under_table .more span {border: 1.99969px solid #9D9D9D;width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;border-radius: 100px; margin-right: 30px;margin-bottom: 0;}
.table_product .under_table .more span svg {transition: 0.2s;transform: rotate(-45deg);}
.table_product .under_table .more:hover span {background: #fff; border: 1px solid #fff;}
.table_product .under_table .more:hover span svg {transform: rotate(0deg);}
.table_product.bitrix24 .under_table span {
    font-size: 16px;
}

.tabs {max-width: 1460px;margin-left: auto;margin-right: auto;}
.tabs .table {display: none;}  .tabs .table.open {display: block;}
.bitrix24 .tabs .integration_item span {
    margin-right: 0;
}
.tabs span {color: white;text-align: center;margin-right: 12px;}

.table_product .tabs .tabs__wrap{flex-direction: row; align-items: center; justify-content: space-between; margin: 65px 0 105px;}
.table_product .tabs .tabs__wrap .head_text{}
.table_product .tabs .tabs__wrap .head_text > span{color: #fff; font-size: 18px; line-height: 150%; display: block; text-align: left; margin-right: 0;}
.table_product .tabs .tabs__wrap .head_text > span.light{color: #9d9d9d;}
.table_product .tabs .tabs__wrap .head_text > span b{font-weight: 600;}

.tabs-for-tables--mb-60 {margin-bottom: 60px;}


.tabs-for-tables:has([data-rbz-btn-open="#content-2"].active) + .select__wrap {display: none;}

.table_product .tabs .grid_table.open {display: grid;}
.table_product .tabs #content-2 .second_grid_table.open {display: grid;}

.select__wrap {margin-top: 40px;display: flex;justify-content: center;align-items: center;}
.select-custom {position: relative;}
.select-custom__trigger {width: 311px;cursor: pointer;position: relative;display: block;border-radius: 15px;background: url(/bitrix/templates/npanachev/images/arrow-down-gray.svg) no-repeat 90%, #1C1D24;outline: none;color: white;font-size: 16px;font-weight: 500;padding: 18px 18px 18px 20px;appearance: none;}
.select-custom__trigger--width-auto {width: auto;}
/* селект "Цена на 1 месяц" у табов: высота 48 на всех ширинах (был 55). Только главный селект, не внутренние "250"/"50" */
.table_product .tabs > .select__wrap .select-custom__trigger {height: 48px; padding-top: 0; padding-bottom: 0; line-height: 48px;}
.select-custom__options {display: none;position: absolute;top: 110%;left: 0;right: 0;z-index: 10;border-radius: 15px;background: #1C1D24;color: white;}
.select-custom__options.open {display: block;}
.select-custom__option {padding: 10px 20px;cursor: pointer;}
.select-custom__option--small {padding: 5px 20px;}
.select-custom__option:first-child {border-top-left-radius: 15px;border-top-right-radius: 15px;}
.select-custom__option:last-child {border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
.select-custom__option:hover {background: #3A3C47;}
.select-custom__stock {padding: 4px 10px;background: #1B4BE9;border-radius: 10px;}
#range {display: none}
.main_part .products .products_list .slick-list, .main_part .products .products_list .slick-track {width: 100%; padding: 0; background: none; border: none; overflow-y: visible; overflow: unset; margin: 0;     border-radius: 0;}
.main_part .products .products_list .slick-list {overflow: hidden;}
.menu {display:none}

.banner_part.inside.keys {height: auto; background: transparent; position: relative;} 
.banner_part.inside.keys .wrap .banner_text.inside {padding-top: 0;}
.banner_part.inside.keys .wrap .banner_text.inside div h1 {margin-top: 0; font-size: 50px;}
.main_part .integratia-bg {background: url(/bitrix/templates/npanachev/images/banner-robot.png);background-size: 100%;height: 440px; background-repeat: no-repeat;}
.main_part .integratia-bg p {width: 66%; line-height: 130%;font-weight: 700;}

/* --- Стилизация формы обратного звонка по макету --- */
.popup-component__wrap {
    max-width: 460px;
    width: 100%;
    background: rgba(15, 16, 21, 0.97);
    border-radius: 15px;
    border: 1px solid #3A3C47;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    padding: 42px;
    margin: 0 auto;
}

.popup-component__inner {
    position: relative;
}

.popup-component__btn-close {
    position: absolute;
    top: -5px;
    right: -6px;
    width: 40px;
    height: 40px;
    border: none;
    z-index: 2;
    cursor: pointer;
    border-radius: 5px;
    background: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}
.popup-component__btn-close:hover {
    background: rgba(255, 255, 255, 0.1);
}
.popup-component__btn-close svg {
    width: 20px;
    height: 20px;
    display: block;
}

.popup-component__head {
    margin-bottom: 0;
}

.popup-component__logo {
    display: none;
}

.popup-component__desc {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 38px;
    text-align: left;
    line-height: 1.2;
}

.popup-component__body {
    margin-bottom: 0;
}

.popup-component__form-group {
    margin-bottom: 16px;
}

.popup-component__form-control {
    width: 100%;
    background: rgba(44,45,51,0.85);
    border: none;
    border-radius: 12px;
    padding: 16px 18px;
    color: #fff;
    font-size: 16px;
    outline: none;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 0;
    box-sizing: border-box;
    transition: border 0.2s;
}

.popup-component__form-control:focus {
    border: 1.5px solid #2D5EFF;
    background: rgba(44,45,51,1);
}

.popup-component__form-group textarea.popup-component__form-control {
    height: 60px;
    max-height: 300px; /* или другое ограничение */
    resize: none; /* чтобы пользователь не мог вручную менять размер */
    overflow-y: hidden;
}

.popup-component__submit {
    width: 100%;
    margin: 24px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    background: #1B4BE9;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 15px;
    padding: 16px 0;
    text-transform: uppercase;
    transition: background 0.2s;
    position: relative;
    box-shadow: 0 2px 16px 0 rgba(36,83,255,0.10);
}

.popup-component__submit:hover {
    background: #1a3fcc;
}

.popup-component__wrap-arrow {
    display: none;
}

.popup-component__submit-text {
    padding-left: 0;
    font-size: 16px;
    font-weight:500;
    letter-spacing: 0.5px;
}

.popup-component__user-agreement {
    margin-top: 18px;
    text-align: center;
    color: #3A3C47;
    font-size: 12px;
    line-height: 1.5;
}

.popup-component__user-agreement a {
    color: #2D5EFF;
    text-decoration: none;
    font-weight: 400;
}
@media (max-width: 460px) {
    .popup-component__wrap {
        padding: 30px 20px !important;
    }
    .main_part .about_us h2 {
        font-size: 18px;
    }
}

@media (max-width: 500px) {
    .popup-component__wrap {
        max-width: 98vw;
        padding: 18px 8px 18px 8px;
        border-radius: 10px;
        
    }
    .popup-component__btn-close {
        top: -4px;
        right: 2px;
        width: 28px;
        height: 28px;
    }
    .popup-component__submit-text {
        font-size: 16px;
    }
    .popup-component__desc {
        font-size: 20px;
        margin-bottom: 35px;
    }
    .popup-component__submit {
        font-size: 16px;
        padding: 20px 0;
    }
}

.wrap-case { 
     max-width:1460px;
     margin:0 auto; 
     padding:0 20px;
    }

    .bg-wrap-case {
        position: absolute;
        top: 6%;
        right: 0;
        z-index: -1;
    }

    .bg-wrap-case-2 {
        position: absolute;
        right: 0;
        top: 146%;
        z-index: -1;
    }

.title-case {
    font-weight: 600;
    font-size: 50px;
    line-height: 150%;
    color: white;
    width: 77%;
    margin-bottom: 30px;
}

.descr {
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    text-align: left;
    color: white;
    opacity: 0.8;
}

.descr-gold {
    background: linear-gradient(93deg, #ccb38d 0%, #725a3f 100%);
    background-clip: text;
    -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    text-align: left;
}

.wrap-descr p {
width: 48%;
opacity: 0.8;
}

.wrap-descr {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 40px;
    margin-bottom: 200px;
}

.wrap-solution {
    margin-bottom: 200px;
}

.title-after {
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    color: white;
    margin-bottom: 20px;
    align-items: center;
    display: flex;
}

.wrap-solution-descr {
    padding: 50px 30px;
    background: #13151C;
    border-radius: 15px;
}

.title-after:after {
    width: 60px;
    height: 1.5px;
    display: inline-block;
    content: '';
    margin-left: 10px;
    background: linear-gradient(90.25deg, #CCB38D 0.21%, #725A3F 99.81%);
}

.call-item img {
    width: 59px;
    height: 69px;
}

.call-item {
    width: 33.33%;
    position: relative;
}

.call-item:nth-child(1)::after {
    content: '';
    position: absolute;
    right: 3%;
    height: 97%;
    width: 1px;
    background: #3A3C47;
    top: 49%;
    transform: translateY(-50%);
}

.call-item:nth-child(1)::before {
    content: '';
    position: absolute;
    right: 8%;
    height: 1px;
    width: 91%;
    background: #3A3C47;
    top: 111%;
    transform: translateY(-50%);
}

.call-item:nth-child(2)::after {
    content: '';
    position: absolute;
    right: 3%;
    height: 97%;
    width: 1px;
    background: #3A3C47;
    top: 49%;
    transform: translateY(-50%);
}

.call-item:nth-child(2)::before {
    content: '';
    position: absolute;
    right: 8%;
    height: 1px;
    width: 91%;
    background: #3A3C47;
    top: 111%;
    transform: translateY(-50%);
}

.call-item:nth-child(3)::before {
    content: '';
    position: absolute;
    right: 8%;
    height: 1px;
    width: 91%;
    background: #3A3C47;
    top: 111%;
    transform: translateY(-50%);
}

.call-item:nth-child(4)::after {
    content: '';
    position: absolute;
    right: 3%;
    height: 97%;
    width: 1px;
    background: #3A3C47;
    top: 49%;
    transform: translateY(-50%);
}

.call-item:nth-child(5)::after {
    content: '';
    position: absolute;
    right: 3%;
    height: 97%;
    width: 1px;
    background: #3A3C47;
    top: 49%;
    transform: translateY(-50%);
}

.call-descr {
    font-size: 16px;
    line-height: 150%;
    text-align: justify;
    color: white;
    opacity: 0.8;
    width: 80%;
    font-size: 16px;
    line-height: 150%;
    text-align: left;
}

.call-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    row-gap: 40px;
}

.call-item img {
    margin-bottom: 20px;
}

.wrap-call {
    margin-bottom: 278px;
}

.wrap-reviews {
    display: flex;
    margin-bottom: 185px;
}

.reviews-gulnara {
    display: flex;
    gap: 134px;
}

.name-gulnara {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    color: white;
}

.reviews-descr {
    font-size: 16px;
    color: white;
}

.reviews-descr-block {
    position: relative;
    padding: 40px 30px;
    backdrop-filter: blur(10px);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
    background: linear-gradient(135deg, #3a3c47 0%, #17181b 100%);
    opacity: 0.95;
    outline: 2px solid #3a3c47;
    border-radius: 15px;
}

.icon-position-1 {
    position: absolute;
    bottom: -19px;
    right: 24px;
}

.icon-position-2 {
    position: absolute;
    top: -19px;
    left: 24px;
}

.possibilities-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    column-gap: 2%;
    margin-bottom: 200px;
}

.possibilities-item {
    width: 49%;
    display: flex;
    margin-bottom: 50px;
    position: relative;
}

.possibilities-item:nth-child(2)::before {
    content: '';
    position: absolute;
    right: -1%;
    height: 1px;
    width: 101%;
    background: #3A3C47;
    top: 123%;
    transform: translateY(-50%);
}

.possibilities-item:nth-child(1)::before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background: #3A3C47;
    top: 123%;
    transform: translateY(-50%);
}

.possibilities-item:nth-child(3)::before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background: #3A3C47;
    top: 123%;
    transform: translateY(-50%);
}

.possibilities-item:nth-child(4)::before {
    content: '';
    position: absolute;
    right: -1%;
    height: 1px;
    width: 101%;
    background: #3A3C47;
    top: 123%;
    transform: translateY(-50%);
}

.possibilities-descr {
    font-weight: 500;
    font-size: 16px;
    color: #9d9d9d;
    opacity: 0.8;
}

.possibilities-number {
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    color: white;
    margin-right: 30px;
}

.results-list {
    list-style: none;
    width: 100%;
    display: flex;
}

.results-title {
    margin-bottom: 60px;
}

.results-descr-top span {
    font-weight: 600;
    font-size: 50px;
    line-height: 150%;
    background: linear-gradient(93deg, #ccb38d 0%, #725a3f 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.results-descr-top {
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    background: linear-gradient(93deg, #ccb38d 0%, #725a3f 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.8;
}

.results-descr-bottom {
    font-size: 20px;
    color: white;
    opacity: 0.8;
}

.results-item {
    width: calc(100% / 3);
}

.wrap-results {
    margin-bottom: 200px;
}

.banner_part.keys .bx-breadcrumb {
    margin-bottom: 60px;
}

.mobile-list {
    display: none;
}

.prem_block.price-sayty {padding-top: 30px; margin: 60px auto 140px auto;}
.price-sayty .more {width: fit-content; font-weight: 400; font-size: 29.9953px; line-height: 140%; color: #fff; text-decoration: none; display: flex; align-items: center; margin: 100px 0 0 auto;}
.blue-button {
    width: fit-content; font-weight: 400;  color: #fff; text-decoration: none; display: flex; align-items: center; margin: 100px 0 0 auto;
    background:  #1B4BE9;
    padding: 18px 30px 18px 40px;
    border-radius: 15px ;
    transition: .3s ease;
    opacity: 0.8;
}
.blue-button::after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("/bitrix/templates/npanachev/./images/Arrow_diagonal.svg");
    background-repeat: no-repeat;
    margin-left: 10px;
    transition: 0.25s;
}
.blue-button:hover {
    opacity: 1;
}
.price-sayty .more span {border: 1.99969px solid #9D9D9D; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 100px; margin-right: 30px; margin-bottom: 0;}
.price-sayty .more:hover span {background: #fff; border: 1px solid #fff;}
.price-sayty .more span svg {transition: 0.2s; transform: rotate(-45deg);}
.price-sayty .more:hover span svg {transform: rotate(0deg);}
.price-sayty .price-sayty__items {display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 40px; row-gap: 40px;}
.price-sayty .price-sayty__item {position: relative; height: 160px;     display: flex;flex-direction: column;justify-content: space-between;}
.price-sayty .price-sayty__item::before, .price-sayty .price-sayty__item::after {content: ''; position: absolute; background: #3a3c47;}
.price-sayty .price-sayty__item::before {width: 100%; height: 1px; bottom: -20px;}
.price-sayty .price-sayty__item::after {height: 100%; width: 1px; top: 0; right: -20px;}
.price-sayty .price-sayty__item:nth-last-child(-n+3)::before, .price-sayty .price-sayty__item:nth-child(3n):after {content: ''; height: 0; width: 0;} 
.price-sayty .item-title {position: relative; font-size: 20px; color: #FFF; font-weight: 400; margin: 20px 0 20px;}
.price-sayty .item-title::before, .price-sayty .item-title::after {content: ''; position: absolute; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='81' height='1' viewBox='0 0 81 1' fill='none'%3E%3Cpath d='M0.5 0.5L80.5 0.5' stroke='%231B4BE9' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat; left: 0;}
.price-sayty .item-title::before {width: 80px; height: 2px; top: 40px;}
.price-sayty .item-title::after {width: 60px; height: 2px; top: 45px;}
.price-sayty .item-price {font-size: 14px; color: #9D9D9D; font-weight: 400; line-height: 140%;}
.price-sayty .item-price span {color: #FFFFFF; font-size: 20px;padding-left: 4px; }
.price-sayty .item-icon {position: absolute; bottom: 0; right: 0;}

.slick-dots {position: relative;}
.main_part .integratia_list.sayty {padding: 235px 20px 15px;}
.sayty .integratia-list-items .slick-track {display: flex; padding: 20px 0 0;}
.sayty .integratia-list-items .slick-slide {height: inherit; transition: 0.2s linear;}
.sayty .integratia-list-items .slick-slide:hover {transform: translateY(-10px);}
.sayty .integratia-list-items {margin: 0 -10px;}
.sayty .integratia-list-item {margin: 0 10px;}
.sayty .integratia-list-content {border: 2px solid #3A3C47; border-radius: 15px;}
.sayty .item-header {}
.sayty .item-teg {width: fit-content; margin: 10px 10px 0 auto; background: linear-gradient(135deg, #3A3C47 0%, rgba(58, 60, 71, 0) 100%); border: 2px solid #3a3c47; border-radius: 10px; padding: 5px 10px; font-weight: 500; font-size: 16px; color: #fff;}
.sayty .item-title {margin: 20px 0 40px 30px; font-size: 20px; color: #fff; font-weight: 700;}
.sayty .item-body {display: block; padding: 30px; background: linear-gradient(135deg, #3A3C47 0%, rgba(58, 60, 71, 0) 100%);}
.sayty .item-subtitle {font-size: 20px; font-weight: 600; color: #fff; margin-bottom: 20px;}
.sayty .item-text {font-size: 16px; font-weight: 400; color: #fff; opacity: 0.8;}
.sayty .item-arrow {margin: 40px 0 0 auto; width: 30px; height: 22px; background: url("data:image/svg+xml,%3Csvg width='30' height='22' viewBox='0 0 30 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 11.9723L2.14984e-05 10.0277L26.1859 10.0277L17.3197 1.375L18.7286 0L30 11L18.7286 22L17.3197 20.625L26.1859 11.9723L0 11.9723Z' fill='url(%23paint0_linear_2311_1508)' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2311_1508' x1='1.59655e-08' y1='11' x2='30.0051' y2='11.1766' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CCB38D' /%3E%3Cstop offset='1' stop-color='%23725A3F' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat;}

.cookie-agreement {
    position: fixed;
    bottom: -250px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    column-gap: 15px;
    width: calc(100% - 40px);
    max-width: max-content;
    padding: 20px;
    border: 1px solid #3A3C47;
    border-radius: 15px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
    transition: 0.8s;
    z-index: 9999;
    background: rgba(15, 16, 21, 0.97);
    backdrop-filter: blur(8px);
}
.cookie-agreement.js-v1-anim {
    bottom: 40px;
}
.cookie-agreement .cookie-agreement-text {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    padding-right: 20px;
}
.cookie-agreement a {
    color: #ccb38d;
}
.cookie-agreement button {
    padding: 15px 19px;
    background: #1b4be9;
    border: none;
    border-radius: 15px;
    opacity: 0.8;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    outline: none;
    cursor: pointer;
    transition: 0.25s;
    text-transform: uppercase;
}
.cookie-agreement button:hover {
    opacity: 1;
}

.banner-slides .slick-dots li button:before {
    display: none;
}
.banner_part .wrap .banner_text.inside div h1.title-fz {font-size: 50px;}

.integratia.product-block {background: url(/bitrix/templates/npanachev/images/bg-block-product.png);box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);background-size: 100%;background-repeat: no-repeat;justify-content: space-around;padding-left: 50px;}
.integratia.product-block p {font-size: 30px;width: 95%;padding-bottom: 35px;}
.slick-dots li {    margin: 0 15px;}
.slick-dots li button:before {width: 35px; height: 2px;    font-size: 0;      background: white; opacity: 0.25;  }
.slick-dots li.slick-active button:before { background: linear-gradient(90.25deg, #CCB38D 0.21%, #725A3F 99.81%); opacity: 1;}
/* отзывы: 35px-полоску точки центрируем на 20px-li (была прижата влево и торчала вправо на 15px → визуальный центр уезжал на 7.5px) */
.reviews .rew_car .slick-dots li button:before { left: 50%; right: auto; transform: translateX(-50%); }
.prem_block-background {
    position: relative;
    overflow: hidden;
}

.prem_block-background::before {
    content: '';
    position: absolute;
    width: 1046px;
    height: 968px;
    right: -840px;
    top: 45%;
    transform: translateY(-50%);
    background: #1B4BE9;
    border-radius: 1046px;
    filter: blur(400px);
    opacity: 0.6;
    pointer-events: none;
    z-index: 0;
}

@media screen and (max-width:1660px)
{

	.main_part.product .product_list_items {
        padding-left: 20px;
        padding-right: 20px;
    }
	.slick-next {right: -15px}
	.slick-prev {left: -15px;}
	.prem_block .prem_block_car .slick-next {right: 0}
	.main_part .products .products_list .slick-next {right: 0}
	/* .table_product {max-width: 96%;} */
	.reviews {max-width: 98%;}
	.tabs span {margin-right: 5px;}
	.prem_block {    max-width: 96%; padding: 0}
	.prem_block .prem_block_car .slick-next {right: 0}
    .prem_block .prem_block_car .slick-prev {left: 0; z-index: 1000;}
	.main_part .products .products_list .slick-next {right: 0;}
    .main_part .products .products_list .slick-prev {left: 0;}

    .prem_block .prem_block_car {padding: 0 }
    .main_part .products .products_list {padding: 0 50px;}
	/*.prem_block .prem_block_car .slick-prev {    display: none;}*/
	.prem_block.double {margin-top: 50px}
	.select__wrap {gap:10px}

	
}
@media screen and (max-width:1460px)	
{
    .main_part .integratia.product-block p {
        width: 100%;
        font-size: 26px;
    }
    .prem_block.price-sayty {
        margin: 40px auto 80px auto;
    }
    .main_part .integratia p a span{
        width: 70px;
        height: 70px;
    }
    .main_part.product .integratia h3 {
        padding: 0px 0 0 50px;
    }
    .integratia.product-block {gap: 25px;justify-content: start;}
    .main_part .franchising-banner {background-size: contain;margin-bottom: 100px;}
    .main_part .integratia-bg p {width: 77%;}
    .main_part .integratia-bg {height: 355px;}
	.main_part .logos {max-width: 96%;}
	.reviews {padding: 100px 0 0;}
	.reviews .rew_car .rew_list .rew_detail span {padding-right: 10px}
	.reviews .rew_car .rew_list .rew_name span {height: 70px}
	.reviews .rew_car .rew_list .rew_name p {min-height: 50px}
	.mobile_services div p {font-size: 60px}
	.mobile_services {gap:140px}
    .mobile_services div {
        width: 100%;
    }
	/* .table_product .under_table {margin: 50px 0}
	.table_product .mobile-scroll::-webkit-scrollbar {height:5px;width:100%; }
    .table_product .mobile-scroll::-webkit-scrollbar-track {background:#9D9D9D;border-radius: 5px}
    .table_product .mobile-scroll::-webkit-scrollbar-thumb {background: var(--gradient, linear-gradient(93deg, #CCB38D 0%, #725A3F 100%)); border-radius:5px;}
    .table_product .aimylogic-grid {margin-bottom: 30px;     grid-template-rows: repeat(5, 16%);}
    .table_product .table {padding-bottom: 30px}
    .table_product .wazzap_list_items {margin: 60px 0 20px 0;} */
    .main_part.inside {margin-top: 50px}
    .main_part.inside:has(.product-image-block) {
        padding: 0 20px;
    }

    .main_part .integratia {margin: 50px auto 100px;background-size: 100%; max-width: 96%;}
    .main_part .integratia_list .integratia_list_items .integratia_list_items_ {width: 50%}
    .main_part {padding: 5px 0}
    .main_part .about_us .command > p {width: 100%}
    
    .map .wrap .right_part img {width: 69%;margin-bottom: 77px;}

    .main_part:before {width: 472px;height: 325px;    background-size: contain;}
    .main_part:after {width: 500px;height: 435px;background-size: contain;}
    .products_list + #range {margin-bottom: 30px}
    .menu-rbz-dropdown--static-w {width: 215px}
    .main_part .models .models_items {gap: 15px;}
    .partners_list + #range {margin-top: 70px}
    .integratia_list_items + #range {margin-top: 40px}
    .map .wrap .right_part p {    margin-left: 150px;}
    .banner_part.inside {background: url(/bitrix/templates/npanachev/images/bg_img_circle.svg) no-repeat top 0% right #0F1015; height: 1090px; background-size: 120%; background-position-x: -14%;}
    /* .table_product .under_table .more {margin: 45px 0 20px;} */

    
    .prem_block.price-sayty {padding-top: 30px;}
    .main_part .integratia_list.sayty {padding: 30px 20px 15px;}

    .main_part .integratia p {width: 79%;}
    .banner_part .wrap .banner_text.inside .product-title p {
        max-width: 100%;
    }
}
@media screen and (max-width:1280px) 
{
    .main_part.product .product_list_items .product_list ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    .main_part .integratia.product-block p a {font-size: 23px;}
    .main_part.product .integratia.product-block p {font-size: 20px;line-height: 30px;}
    .main_part.product .integratia.product-block {font-size: 22px;padding-left: 25px;}
    .main_part .franchising-banner p {font-size: 24px;}
    .banner_part .wrap .banner_text.inside img.fr-img {width: 100%;}
    .main_part .integratia-bg p {font-size: 24px;}
    .main_part .integratia-bg {font-size: 24px;}
    .banner_part.inside.product {background: none;}
    .banner_part .wrap .banner_text.inside .banner-slides {
        width: 50%;
    }
    .banner_part.inside.error404 {
        position: static;
        height: auto;
    }
    .main_part.product {margin-top:64px}
    .main_part.product:has(.product_list_items .product_list){
            margin-top: -1400px;
    }
	#range {display: none;     width: 400px; margin: 0 auto;    height: 5px;background: #9d9d9d; border-radius: 5px;}
    input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;  height: 5px;  width: 100px;  border-radius: 3px;  background: var(--gradient, linear-gradient(93deg, #CCB38D 0%, #725A3F 100%));  cursor: pointer;  margin-top: 0px;}
    .banner_part.inside {height: auto; background-size: 105%;}
    /* footer .wrap ul li a {font-size: 16px} */
    .main_part .integratia p {gap:20px}  
    .banner_part.inside .wrap .bx-breadcrumb {position: relative; padding: 30px 20px 0 20px;}
    .map .wrap .right_part p a {display: block; margin-bottom: 20px; margin-right: 0}
    .banner_part.inside {background: url(/bitrix/templates/npanachev/images/back_round.svg) no-repeat top right #0F1015;       background-size: 145%;background-position: 50% 90%; height: 1700px;}
    .prem_block h2 {position: relative}
 
    .banner_part.inside .wrap .banner_text.inside div h1 {margin-top: 0}
    /* .table_product .tabs .grid_table div {height: 70px;} */
    #item_49 {height: 125px;}
    
    .main_part.inside .integratia.veb-sayty h3 span {background: transparent;}
    .main_part.inside .integratia.veb-sayty h3 {font-size: 30px; max-width: 85%;}
    
    .price-sayty .price-sayty__items {grid-template-columns: repeat(2, 1fr);}
    .price-sayty .price-sayty__item:nth-last-child(-n+3)::before {width: 100%; height: 1px;}
    .price-sayty .price-sayty__item:nth-child(3n):after {height: 100%; width: 1px;}
    .price-sayty .price-sayty__item:nth-last-child(-n+2)::before, .price-sayty .price-sayty__item:nth-child(2n):after {height: 0; width: 0;}

    .main_part .about_us .command > p {font-size: 65px;}
    .main_part .about_us .more_text {margin-left: 0;}
    .main_part .about_us .more_text .content_block {column-gap: 60px;}
    .main_part .about_us .more_text .content_block .content_block-column:nth-child(1) {max-width: none; width: 50%;}
    .main_part .about_us .more_text .content_block .content_block-column:nth-child(2) {max-width: none; width: 50%;}
    .main_part .about_us .more_text .content_block .content_block-column:nth-child(1) a {margin-top: 50px;}

    .main_part .logos h3 {font-size: 65px;}
    .main_part .logos .partners_list_items {width: calc(100% / 5);}
}	

@media screen and (max-width:1200px) {
    .table_product .tabs .tabs__wrap {
        flex-direction: column;
        gap: 10px;
        margin: 20px 0 20px;
        align-items: flex-start;
    }
}

 
@media screen and (max-width:1024px)  
{
    .integratia.product-block {
        gap: 15px;
    }
    .main_part .integratia p{
        padding: 0px 50px 10px 50px;
    }
    body > section.map > div > div.right_part > p {
        display: none;
    }
    #mywarehouse_32 .integration {
        max-width: 100% !important;
        padding: 20px 5px !important;
    }
       .banner_part .wrap .banner_text.inside .banner-slides {
        width: 100%;
        max-height: 656px;
        margin-left: unset;
    }
    #mywarehouse_1, #mywarehouse_7, #mywarehouse_13, #mywarehouse_19, #mywarehouse_25 {
        height: 82px;
    }
    .table_product .scrollable-part .mywarehouse_grid {
        min-height: unset;
    }
    
    .reviews {
        padding: 40px 0 40px;
    }
    .prem_block h2.big {
        font-size: 50px;
    }
    .reviews h2.big {
        font-size: 50px;
    }
    .faq h2.big {
        font-size: 50px;
    }
    .faq .accordion {
        padding: unset;
    }
    .reviews .reviews_head .reviews_wrap_controls {
        display: none;
    }

    .banner_part .wrap .banner_text.inside .banner-slides .slick-dots {
        top: -100px;
        bottom: 105%;
        right: -20px;
    }
 
    .banner_part .wrap .banner_text.inside .banner-slides img {
        max-height: 430px;
    }
    .mobile_services {
        flex-wrap: wrap;
        gap: 30px;
    }
    .table_product .wazzap_list_items {
        flex-wrap: wrap;
    }
    .table_product .wazzap_list_items .wazzap_list_items_ {
        width: calc(50% - 10px);
    }
    .mobile_services img {
        max-height: 430px;
    }
    .mobile_services div font {
        margin: 40px 0 30px;
    }
    .table_product .waba {
        flex-direction: column;
        gap: 20px;
    }
    .table_product .waba .waba_right_part,
    .table_product .waba .waba_left_part {
        width: 100%;
    }

    .banner_part .wrap .banner_text.inside {    padding: 20px 20px 0 20px;} 

    .banner_part .wrap .banner_text.inside {flex-direction: column;gap: 35px;}
    .banner_part .wrap .banner_text {padding-top: 30px}
    .banner_part .wrap .banner_text.inside > div {width: 100%}
    .banner_part .wrap .banner_text.inside img {    width: 100%;    height: 650px;object-fit: contain; }
   
/*
    .top_part {display: none}	
    .banner_part .wrap .logo_part {display: none}
*/
    .main_part.product .integratia.product-block p {padding-left: 15px;}
    .main_part.product .integratia h3 {padding-top: 10px;padding-left: 15px;}
    .main_part.product .integratia.product-block {gap: 15px;}
    .main_part .franchising-banner {margin-bottom: 0;margin-top: 0;height: 250px;background-size: cover;}
    .main_part .integratia-bg {height: 265px;}
    .main_part .integratia {background-size: contain;}
    .banner_part.inside {background-position: 50% 40%;}
    #item_50 .integration span {font-size: 14px}
    .select-custom__trigger {font-size: 15px}
    /* .table_product .tabs .grid_table div p, .table_product .tabs .second_grid_table div p {font-size: 15px} */
    /* .table_product .mywarehouse_grid, .table_product .aimylogic-grid,.table_product .table{width: 100%}	
	.table_product .mobile-scroll {width: 100%; overflow: scroll} */
    .main_part .products .products_list .slick-list, .main_part .products .products_list .slick-track {overflow: hidden}
    .main_part .models .models_items .models_items_list {width: 100%}
    .banner_part .wrap .banner_text {padding-top: 100px}
    .banner_part .wrap .banner_text img {width: 75%}
	.no_time h2 {font-size: 30px}
	.reviews h2:not(.big) {font-size: 20px; line-height: 1.5;}
	.reviews h2:not(.big):after {height: 1.5px;}
	.reviews {flex-direction: column;}
	.reviews .reviews_head {width: 100%}
	.map .wrap .right_part {display: flex;flex-direction: column;align-items: center;    justify-content: flex-end; gap: 70px;}
	.map .wrap .right_part p {margin: 0}
	.map .wrap .right_part p a {margin-bottom: 30px}
	.banner_part .wrap .banner_text.inside div h1 {margin-top: 0}
	.main_part .integratia p {font-size: 24px;line-height: 29px;}
	.reviews .reviews_info {width: 100%}
	.reviews .reviews_head p {margin-bottom: 0px}
	/* .table_product .under_table .more {    margin: 45px 0 50px;} */
	/* footer .wrap ul li a {font-size: 14px; white-space: nowrap;} */
	footer .wrap .phone p a {font-size: 24px}
	footer .wrap .phone .more {font-size: 24px}
	footer .wrap .phone .more span {width: 70px; height: 70px}
	footer .wrap .copy span {white-space: nowrap}
	footer .wrap .copy p {gap:30px}
	footer .wrap .copy p a {margin-left: 0}
	footer .wrap ul {margin-bottom: 20px}
	.reviews {padding: 50px 0 0;}
 .logo_part .top-menu {display: none; gap: 10px;    padding-top: 50px;    padding-bottom: 30px; border-bottom: 1.5px solid #CCB38D;}
 .logo_part .search {display: none}
	.prem_block .prem_block_car .prem_block_list {margin: 0 10px 0 0;}
	.prem_block .prem_block_car {margin: 0}



    .menu {
        display: block
    }

    .menu-triger {
        display: block;
        width: 40px;
        height: 40px;
        background: url(/bitrix/templates/npanachev/images/meni.png) 0 0 no-repeat;
    }

  .menu-close {
    display: block;
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    border-radius: 5px;
    position: absolute;
    right: 20px;
    top: 127px;
    z-index: 100;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
    transition: background 0.2s;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-close:hover {
    background: rgba(255,255,255,0.1);
}
.menu-close svg {
    width: 20px;
    height: 20px;
    display: block;
}

    .menu-popup {
        display: none;
        background: #0F1015;
        position: fixed;
        right: 0px;
        top: 0;
        box-sizing: border-box;
        padding: 15px;
        z-index: 9;
        margin: 0;
        width: 100%;
        height: 100vh;
        border-right-color: transparent;
        z-index: 1500;
    }

    .menu-popup .top_part {
        display: block;
        background: none;
        border: none;
        padding: 20px 0
    }

    .menu-popup__wrapper {
        margin: 25px 0 0 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        color: white;
        font-weight: 600;
        font-size: 20px;
    }

    .menu-popup__wrapper a {
        text-decoration: none;
        color: inherit;
    }

    .menu-popup__inner {
        list-style: none;
        padding-bottom: 20px;
    }

    .menu-popup__item {
        display: flex;
        align-items: center;
    }

    .menu-popup__parent-item.active:after {
        transform: rotate(180deg);
    }

    .menu-popup__child {
        display: none;
        list-style: none;
        padding-left: 20px;
        padding-top: 15px;
        font-weight: 500;
    }

    .menu-popup__child li:not(:last-child) {
        margin-bottom: 15px;
    }

    .body_pointer {
        cursor: pointer;
    }
    .mobile_services::before {
        left: -790px;
        top: 80%;
    }

	.banner_part {padding: 0px}
	.banner_part .wrap {padding: 0}
.logo_part {padding: 20px 20px 0;}
.banner_text h1 {font-size: 30px}
	.notification .wrap {z-index: 10}
	.qr_wrap .telegram span::after , .qr_wrap .whatsapp span::after {display: none}
	.qr_wrap .telegram span::before, .qr_wrap .whatsapp span::before {background-size: contain;width: 40px;}
	.qr_wrap .telegram span, .qr_wrap .whatsapp span {font-size: 30px}
	.qr_wrap > div img {width: 200px !important;}
	.main_part .about_us .command > p {font-size: 60px;line-height: 73px;}
	.main_part .products .products_list {margin-left: 2%; margin-bottom: 40px;}
	.main_part .products .more {margin-left: 2%}
	.main_part .integratia_list .integratia_list_items {margin: 20px 2% 0 2%;}
	.main_part .integratia_list .more {margin-left: 2%}
	.map {padding-bottom: 50px}
	.reviews .reviews_head p {padding: 30px 0 0 0;}
	.reviews .rew_car .rew_list .rew_detail {margin-top: 0}
	.wrap-descr p {width: 100%;}

    .main_part .integratia.veb-sayty {background: url("/bitrix/templates/npanachev/images/banner_veb-sayty2.png") right / cover no-repeat;}

    .main_part .about_us::after {height: 550px;}
    .main_part .about_us .command > p {font-size: 50px; line-height: 130%;}
    .main_part .about_us .more_text .content_block {column-gap: 40px;}
    .main_part .about_us .more_text .btn-view01 {margin-top: 30px;}

    .main_part .logos h3 {font-size: 45px; line-height: normal;}
    .main_part .logos .partners_list_items {width: calc(100% / 5);}
    .mobile_services div p {
        font-size: 50px;
    }
    .mobile_services div font {
        font-size: 16px;
    }
}
@media screen and (max-width:988px) {
    .main_part .integratia.product-block{
        padding-top: 20px;
    }
}
@media screen and (max-width:968px) {
    .main_part.product .product_list_items img{
        max-width: 400px;
    }
}
@media screen and (max-width:900px) {
    .main_part.product .integratia.product-block p{
        font-size: 16px;
        line-height: 25px;
    }
}
@media screen and (max-width:820px) {
    .main_part .integratia p {font-size: 18px;}
	/* .table_product .mywarehouse_grid, .table_product .aimylogic-grid, .table_product .table {width: 1280px;} */
	#item_49 {height: auto}
    .main_part .integratia-bg {height: 198px;}
}
@media  (max-width:768px) and (min-width:600px) {
     .main_part .product-image-block.dizain {
        background: url(/bitrix/templates/npanachev/images/product-title-bg-dizain-mobile.png) no-repeat center / cover;
        height: 246px;
        justify-content: space-between;
        padding: 24px;
    }
}
@media screen and (max-width:768px)
{

    .banner_part .wrap .banner_text.inside .product-title p {
        font-size: 18px;
    }

    .prem_block h2,
    .faq h2,
    .reviews h2 {
        margin-bottom: 20px;
    }
    .prem_block h2 + h2.big,
    .faq h2 + h2.big,
    .reviews h2 + h2.big {
        margin-top: 0;
    }
    /* таблица тарифов: больше отступ заголовок→подзаголовок по макету 768 (5-907), 20→40.
       Общий селектор: единственный h2.big внутри .prem_block — это заголовок таблицы (на всех страницах) */
    .prem_block h2.big {
        margin-bottom: 40px;
    }

    .table_product .tabs-buttons {
        gap: 12px;
        margin-bottom: 20px;
        margin-top: 20px;   /* подзаголовок→табы 40 по макету 768: 20 (margin-bottom подзаголовка) + 20 = 40 (было 60) */
    }

    .mobile_services div p {
        font-size: 40px;
    }

    .banner_part .wrap .banner_text.inside .banner-slides .banner-item,
    .banner_part .wrap .banner_text.inside .banner-slides .banner-item--video {
        height: 420px;
        max-height: 420px;
    }
    .banner_part .wrap .banner_text.inside .banner-slides .banner-item--video .video-player {
        height: 100%;
        max-height: 420px;
    }
    .banner_part .wrap .banner_text.inside .banner-slides .banner-item--video .video-player__video,
    .banner_part .wrap .banner_text.inside .banner-slides img {
        height: 100%;
        max-height: 420px;
        object-fit: cover;
    }

    .prem_block .prem_block_car .prem_block_list img {
        max-width: 82px;
        width: 82px;
        height: 82px;
    }
.prem_block .prem_block_car .prem_block_list {
    border-right: 1px solid #3a3c47;
}
.main_part.inside:has(.product-image-block) {
    padding: 0 12px;
}
.main_part .product-image-block {
    margin: 70px auto 75px;
}
.mobile_services {
    margin: 55px auto;
}
.reviews {
    padding: 0 20px 0;
    max-width: 100%;
}
.reviews .rew_car .rew_list .rew_name p {
    min-height: unset;
}
.faq .accordion .accordion__item {
    padding-left: 15px;
}
.popup-component__btn-close {height: 32px;width: 32px;}
.map .wrap .right_part {justify-content: center;}
.main_part .logos .partners_list {margin-top: 50px;}
.main_part .logos {padding: 15px 20px 15px 0px;}
.main_part .products .products_list a {margin: 0 15px 0 5px;} 
#slick-slide00 > span{text-wrap: balance;}
.main_part .products .products_list a span {width: 98%;}
.main_part .about_us .more_text .content_block .content_block-column:nth-child(2) {width: 53%;}
.main_part .about_us .more_text {margin-top: 50px;}
.banner_part .wrap .banner_text h1.text-logo {font-size: 38px;}
.main_part .integratia.product-block p a {font-size: 18px;}
.main_part .integratia p a span {width: 50px;height: 50px;}
.main_part.product .integratia.product-block p {width: 100%;font-size: 15px;line-height: 20px;}
.main_part.product .integratia.product-block h3 {font-size: 20px;}
.main_part.product .integratia.product-block {background: url(/bitrix/templates/npanachev/images/bg-block-product.png);background-size: 100%;background-repeat: no-repeat;padding-left: 10px;max-height: 165px;}
.francising-wrp .prem_block.double .prem_block_double_car .prem_block_list:nth-of-type(7) p:before {content: '07';}
.francising-wrp .prem_block.double .prem_block_double_car .prem_block_list:nth-of-type(6) p:before {content: '06';}
.francising-wrp .prem_block.double .prem_block_double_car .prem_block_list:nth-of-type(4) p:before {content: '04';}
.francising-wrp .prem_block.double .prem_block_double_car .prem_block_list:nth-of-type(2) p:before {content: '02';}
.faq .accordion .accordion__item .accordion__header::before {min-width: 24px;}
.faq .accordion {margin-top: 50px;}
.main_part .franchising-banner p:nth-child(1) {margin-top: 15px;padding-bottom: 0;line-height: 40px;}
.main_part .franchising-banner {background: url(/bitrix/templates/npanachev/images/banner-fr-mob.png);height: 316px;justify-content: start;}
.main_part .franchising-banner p span {width: 50%;}
.main_part.inside .integratia.veb-sayty h3 {font-size: 22px;}
.main_part .integratia p {font-size: 26px;width: 56%;font-weight: 700;padding-right: 30px;}
.main_part .integratia {background: url(/bitrix/templates/npanachev/images/banner-768.png) no-repeat center}
.main_part .products .products_list > div {margin: auto;margin-right: 5px;  }
.main_part .products .products_list {margin-right: 1%;}
.main_part .products {padding: 0}
.main_part .products h2 {padding-right: 20px; padding-left: 20px}
.main_part .integratia_list {padding: 0}
.main_part .integratia_list h2 {padding-left: 20px}
.main_part .integratia_list .integratia_list_items .integratia_list_items_ {min-height: 400px; padding-right: 5px; padding-left: 5px;}
.main_part .products .products_list .slick-list,
.main_part .products .products_list .slick-track  { overflow: hidden;  padding-left: 0!important;border-radius: 0}
.main_part .integratia_list_items .slick-track {padding-top: 10px;}
.main_part .integratia_list .integratia_list_items .integratia_list_items_ {width: 100%;}
.prem_block .prem_block_car {padding: 0;}
.main_part .products .products_list {padding: 0;}
.prem_block .prem_block_car .slick-next {display: none;}
.prem_block .prem_block_car .slick-prev {display: none;}
.main_part .products .products_list .slick-next {display: none!important;}
.main_part .products .products_list .slick-prev {display: none!important;}
.prem_block_car .slick-track, .prem_block_car .slick-list {; overflow: hidden; padding-left: 0!important; border-radius: 0 }
.prem_block.double .prem_block_double_car .prem_block_list {width: 100%;}

.main_part.product .product_list_items .product_list,
.main_part.product .product_list_items .product_list ul,
.main_part.product .product_list_items .more_a{flex-wrap: wrap;}
.main_part.product .product_list_items .more {margin-top:0px; margin-bottom:50px}
.main_part.product .product_list_items .more_a>.more_href {margin-left:0}
.main_part.product .product_list_items .product_list ul li {width: 100%;}
.main_part.product .product_list_items .product_list img {max-width: 100%;}
.main_part.product .product_list_items {padding-left:20px; padding-right:20px}
.main_part.product .product_list_items .product_list:nth-of-type(2) div  {order:-1}
.main_part.product .product_list_items .product_list {margin-bottom:90px}
.main_part.product .product_list_items {margin-top:100px}
.main_part .integratia-bg {background: url(/bitrix/templates/npanachev/images/banner-robot768.png);background-size: 100%;height: 355px;background-repeat: no-repeat;}
.main_part .integratia-bg p {width: 63%;padding-top: 30px;}

.prem_block.double .prem_block_double_car .prem_block_list:nth-of-type(2) p:before  {content:'02';}
.prem_block.double .prem_block_double_car .prem_block_list:nth-of-type(3) p:before  {content:'03';}
.prem_block.double .prem_block_double_car .prem_block_list:nth-of-type(4) p:before  {content:'04';}
.prem_block.double .prem_block_double_car .prem_block_list:nth-of-type(5) p:before  {content:'05';}
.prem_block.double .prem_block_double_car .prem_block_list:nth-of-type(6) p:before  {content:'06';}

.call-item {
    width: 50%;
}

.popup-component__submit-text {
    font-size: 16px !important;
}
.call-item:nth-child(4)::after {
    right: 103%;
}

.call-item:nth-child(2)::after {
    content: '';
    position: absolute;
    right: 9%;
    height: 1px;
    width: 90%;
    background: #3A3C47;
    top: 252%;
    transform: translateY(-50%);
}

.possibilities-item:nth-child(2)::before {
    content: '';
    position: absolute;
    right: -1%;
    height: 1px;
    width: 102%;
    background: #3A3C47;
    top: 113%;
    transform: translateY(-50%);
}

.possibilities-item:nth-child(1)::before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background: #3A3C47;
    top: 113%;
    transform: translateY(-50%);
}

.possibilities-item:nth-child(3)::before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background: #3A3C47;
    top: 113%;
    transform: translateY(-50%);
}


.possibilities-item:nth-child(4)::before {
    content: '';
    position: absolute;
    right: -1%;
    height: 1px;
    width: 102%;
    background: #3A3C47;
    top: 113%;
    transform: translateY(-50%);
}
.table_product .mywarehouse_grid .right {
    border-right: 1px solid #3a3c47;;
}

.main_part.inside .integratia.veb-sayty h3 {max-width: 82%; padding: 30px 45px 10px;}
.main_part .integratia.veb-sayty p {margin-right: 0; padding: 50px 25px 20px;font-size: 20px;width: 82%;}

.price-sayty .price-sayty__item:nth-last-child(-n+2)::before {width: 100%; height: 1px;}



.main_part .products {margin-top: 80px;}
.main_part .products .products-controls {padding-left: 20px; padding-right: 20px;}

.main_part .logos .partners_list_items {width: calc(100% / 5);}

.main_part .models {margin-bottom: 100px;}
.banner_part .wrap .banner_text.inside div h1.title-fz {
    font-size: 40px;
}
 .main_part .product-image-block.franchising {
        background: url(/bitrix/templates/npanachev/images/product-title-bg-franchising-mobile.png) no-repeat center / cover;
        height: 246px;
        justify-content: space-between;
        padding: 24px;
    }

.faq,
.prem_block {
    margin-top: 80px;
}  
    .mobile_services {flex-direction: column;     gap: 65px;margin: 100px auto 50px;}
    .mobile_services > img {width: 100%;height: 600px; object-fit: contain;}

}
@media screen and (max-width:700px) {
    .main_part.product .integratia.product-block p {flex-direction: column;gap: 25px;align-items: start;}
    .main_part.product .integratia.product-block {background: linear-gradient(315deg, #3a3c47 0%, rgba(58, 60, 71, 0) 100%);max-height: 100%;height: 100%;padding-bottom: 15px;}
}
@media screen and (max-width:600px)
{

      .main_part .logos {
        padding: 15px 20px 15px 15px;
    }
    .price-sayty .price-sayty__item:nth-child(3n):after, .price-sayty .price-sayty__item::after {width: 0; height: 0;}

    .banner_part .wrap .banner_text.inside div h1.title-fz {
        font-size: 26px;
    }


    .price-sayty .price-sayty__items {grid-template-columns: repeat(1, 1fr);}
	.mobile_services div font {    margin: 60px 0 40px;}
    .banner_part .wrap .banner_text.inside .product-title h1 {
        font-size: 26px;
    }
    .banner_part .wrap .banner_text.inside .product-title p {
        font-size: 14px;
        margin-bottom: 20px;
        padding-top: 10px;
    }
    .banner_part .wrap .banner_text.inside .product-title {
       padding: 55px 20px 20px 20px;
    }
    .banner_part .wrap .banner_text.inside .product-title h1 {
        margin-bottom: 10px;
        padding-top: 10px;
    }
    .prem_block h2 {
        font-size: 18px;
    }
    .reviews h2 {
        font-size: 18px;
    }
    .reviews .reviews_head p {
        padding: 10px 0 0 0;
    }
    .prem_block .prem_block_car .prem_block_list p {
        font-size: 16px;
    }
    .main_part .product-image-block h2 {
        font-size: 20px;
    }
    .main_part .product-image-block {
        justify-content: space-around;
    }
    .prem_block h2.big {
        font-size: 40px;
    }
    .reviews h2.big {
        font-size: 40px;
    }
    .faq h2.big {
        font-size: 40px;
    }
    .table_product .mywarehouse_grid .head_table .text {
        font-size: 16px !important;
    }
    #mywarehouse_32 .integration .integration_item span {
        font-size: 12px !important;
        padding: 4px 3px !important; 
    }
    .table_product .mywarehouse_grid div p {
        font-size: 16px !important;
        line-height: 23px;
    }
    .main_part .product-image-block {
        margin: 40px auto 60px;
    }
    .table_product .head_promo .head_promo_item span {
        font-size: 12px !important;
    }
    .table_product .tabs .tabs__wrap .head_text > span b {
        font-size: 16px;
    }
    .table_product .tabs .tabs__wrap .head_text > span {
        font-size: 16px;
    }
    .table_product .head_promo .head_promo_item:not(:last-child) {
        padding-right: 10px;
    }
    .table_product .head_promo {
        gap: 14px;
    }
    .table_product .head_promo .head_promo_item .amount {
        padding: 2px 7px; 
        border-radius: 6px;
    }
    .mobile_services div a {
        width: 180px;
    }
    .banner-slides .slick-dots li button:before {
        display: block;
    } 
    .banner_part .wrap .banner_text.inside .banner-slides .slick-dots li button svg {
        display: none;
    }
    .banner_part .wrap .banner_text.inside .banner-slides .slick-dots li button span {
        display: none;
    }
    .banner_part .wrap .banner_text.inside .banner-slides .slick-dots {
        background: unset;
    }
    .banner-slides .slick-dots li.slick-active button:before {
        background: #1B4BE9;
    }
    .banner_part .wrap .banner_text.inside .banner-slides .slick-dots li {
        margin: 0 3px;
    }
    .banner_part .wrap .banner_text.inside .banner-slides .slick-dots {
        border-top-left-radius: unset;
    }
    .banner_part .wrap .banner_text.inside .banner-slides .slick-dots::after {
        content: none;
    }
    .banner_part .wrap .banner_text.inside img {
        padding-top: unset !important;
    }
    .banner_part .wrap .banner_text.inside {
        gap: 20px;
    }
    .banner_part .wrap .banner_text.inside .banner-slides .slick-dots {
        top: -62px;
        bottom: 100%;
    }
    .banner-slides .slick-dots li button:before {
        width: 20px;
    }
    .banner_part .wrap .banner_text.inside .banner-slides .slick-dots li button {
        width: 20px;
        height: 20px;
    }
    .banner_part .wrap .banner_text.inside .banner-slides .slick-dots li {
        width: 20px;
        height: 20px;
    }
    .banner_part .wrap .banner_text.inside .product-title {
        background: url(/bitrix/templates/npanachev/images/product-title-mobile.png) no-repeat center / cover;
    }
    .prem_block.double h2 {
        margin-bottom: 25px;
    }
    .main_part .product-image-block { 
        background: url(/bitrix/templates/npanachev/images/bg-product.png) no-repeat center / cover;
        height: 246px;
        justify-content: space-between;
        padding: 24px;

    }
   
  
      
    .faq {
        margin: 50px auto 0px;
    }
    .faq .accordion {
        margin: unset;
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .banner_part .wrap .banner_text.inside .banner-slides .slick-dots {
        right: 0px;
    }
    .table-nav-btn:first-child {
        left: 190px;
    }
    
    
    .main_part .integratia.veb-sayty .mayak {
        display: none;
    }
    .main_part .integratia.veb-sayty p {
        width: 100%;
    }
    .main_part .integratia.veb-sayty {
        height: auto;
        padding: 25px 0;
    }
    .main_part.inside .integratia.veb-sayty h3 {
        max-width: 100%;
    }
    
}
@media screen and (max-width:460px)  
{
    .main_part .about_us h2:after {
        vertical-align: middle;
        height: 1px;
        width: 30px;
    }
    .faq .accordion .accordion__header {
        margin: unset;
    }
    .faq .accordion .accordion__content {
        margin: unset;
    }
    .reviews {
        padding: 0 0 20px;
    }
    .reviews .reviews_head {
        padding: 0 20px;
    }
    .faq .accordion .accordion__item {
        padding-left: unset;
    }
    .faq .accordion .accordion__item .accordion__header::after {
        margin-right: 10px;
    }
    .reviews .rew_car .rew_list {padding: 0 25px 0 20px; margin-right: unset;}
    .reviews .rew_car .slick-list {
        padding: unset;
    }
    .table_product .scrollable-part .mywarehouse_grid {
        grid-template-columns: 183px repeat(5, calc(100vw - 185px - 40px));
    }
    .management-system-block .management-system-title br{display:block;}

    .main_part .products h2:after {
        height: 1px;
        width: 30px;
    }
    .management-system-title span {
        height: 1px;
        width: 30px;
        margin-left: 6px;
    }
    .main_part .about_us h2 {
        display: block;
        line-height: 150%;
        font-weight: 300;
        margin-bottom: 10px;
    }
    .main_part .products h2 {
        font-weight: 300;
        font-size: 18px;
    }
    .main_part .integratia p {
        font-weight: 400;
        padding: 0px 18px 0px;
    }
    .management-system-title {
       font-weight: 400; 
    }
    .about_us h2 br {display: block;}
    .main_part .about_us .more_text {
        margin-top: 40px;
    }
    .main_part .logos .partners_list_items {width: calc(100% / 3);max-height: 80px;overflow: hidden;}
    
    .main_part .franchising-banner p:nth-child(1) {line-height: 27px;margin-top: 30px;}
    .main_part .franchising-banner p {font-size: 20px;line-height: 27px;padding-left: 35px;}
    .main_part .franchising-banner {background: url(/bitrix/templates/npanachev/images/info-mob.png);height: 286px;background-size: 100%;}
	.banner_part.inside {height: 1150px; background-position: 50% 45%;}
	.main_part .models {padding: 15px}
	.banner_part .wrap .banner_text.inside img {height: 250px; padding-top: 50px}
    .main_part .integratia {height: 270px;background: url(/bitrix/templates/npanachev/images/banner420.png) no-repeat center;justify-content: end;padding-bottom: 50px;background-size: cover;}

    .main_part .logos {margin-bottom: 0; max-width: 100%;padding: 15px 20px 15px 20px;}
    .management-system-block {padding: 18px 20px 18px 20px;}

.main_part .products .more {margin-left: 20px}
.map .wrap {    flex-direction: column-reverse;    align-items: center;}
.map .wrap .right_part p {display: none; text-align: center}
footer .wrap .phone {flex-direction: column;}
footer .wrap .copy p {flex-direction: column;    gap: 20px;}
footer .wrap .copy p:last-child {    flex-direction: row; justify-content: center;}
footer .wrap .copy {flex-direction: column;    gap: 20px;}
footer .wrap .copy span {margin-right: 0}
footer .wrap ul {    flex-wrap: wrap;    justify-content: center;    gap: 15px;}
footer .wrap .phone p a {font-size: 20px}
footer .wrap .phone p {gap:25px}
footer .wrap .phone .more span {width: 50px; height: 50px}
footer .wrap .phone .more span svg {width: 23px; height: 23px;}
footer .wrap .phone .more {font-size: 20px}
.main_part .about_us .command > p {font-size: 40px}
.main_part:after {width: 95%}
.main_part:before {width: 95%}
.banner_part .wrap .banner_text h1 {    font-size: 24px; white-space: nowrap;}
.banner_part {height: 550px}
.main_part .about_us .command > .more {    top: auto; bottom: -120px;}
#range {width: 92%}
.main_part .about_us .command > .more span {width: 50px; height: 50px}
.main_part .about_us .command > .more span svg {    width: 23px; height: 23px;}
.main_part .about_us .command > .more {font-size: 20px}
.top_part .wrap a {font-size: 16px}
.top_part .wrap .location {background-size: contain}
.top_part .wrap .lk {background-size: contain; padding: 0 15px 0 25px;}
.main_part .products .more span, .main_part .integratia_list .more span {width: 50px; height: 50px}
.main_part .products .more span svg, .main_part .integratia_list .more span svg { width: 23px; height: 23px;}
.main_part .products .more, .main_part .integratia_list .more {font-size: 20px; }
.main_part .integratia img {    padding: 20px 20px;}
.main_part .integratia p {padding: 0 20px 10px;font-size: 20px;width: 97%;line-height: 130%;padding-left: 35px;}
.main_part .integratia p a span {width: 50px; height: 50px}
.main_part .integratia p a span svg { width: 23px; height: 23px;}
.main_part .integratia p a {font-size: 20px}
.main_part .models .more span {width: 50px; height: 50px}
.main_part .models .more span svg { width: 23px; height: 23px;}
.main_part .models .more {font-size: 20px}
.banner_part .wrap .banner_text.inside div h1 {font-size: 40px;     text-align: center;}
.banner_part .wrap .banner_text.inside img {height: 230px}
.prem_block {    padding: 15px 20px 0 20px;}
.prem_block.double .prem_block_double_car .prem_block_list p {font-size: 20px}
.main_part.inside .integratia h3 {padding: 30px 0 0 20px}
.prem_block.double {padding: 15px 20px 0}
/* .table_product .under_table .more span {width: 50px; height: 50px}
.table_product .under_table .more span svg { width: 23px; height: 23px;}
.table_product .under_table .more {font-size: 20px} */
.main_part .integratia_list .more {margin-left: 20px}
.mobile_services div p {font-size: 35px}
.mobile_services div font {font-size: 16px}
.mobile_services > img {height: 400px}
.faq .accordion .accordion__content {font-size: 16px}
/* .table_product .head_promo .head_promo_item .amount {margin-left: 0; margin-top: 20px; display: block} */
.mobile_services.wazzup_mob div p {font-size: 30px}
.mobile_services.wazzup_mob div font {margin: 40px 0}
.qr_wrap {    flex-direction: column; align-items: center; gap: 60px;}

.menu-popup {width: 100%; border-radius: 0; padding: 15px;}
/* .menu-popup__logo {opacity: 1;} */
.main_part .about_us .command {gap:40px}
.main_part .about_us h2 {margin-bottom: 40px}
.popup-component__wrap-arrow {width: 50px; height: 50px}
.popup-component__wrap-arrow svg { width: 23px; height: 23px;}
.popup-component__submit-text {font-size: 20px}
.popup-component__submit {    margin: 40px auto;}
.select__wrap {flex-direction: column; gap:20px}
.map .wrap .left_part .more span {width: 50px; height: 50px}
.map .wrap .left_part .more span svg { width: 23px; height: 23px;}
.map .wrap .left_part .more {font-size: 20px}
.map {padding-bottom: 50px}
.qr_wrap .whatsapp span {font-size: 40px}
.qr_wrap .telegram span {font-size: 40px}
.banner_part .wrap .banner_text.inside .qr_wrap img {height: 170px}
.main_part .logos h3 {font-size: 35px;}
.main_part .about_us .more_text .content_block.hide {max-height: 100%}
.main_part .models .more {margin: 30px -1px 30px auto;}
.prem_block {max-width: 100%;}
.main_part .integratia {max-width: 100%;margin: 50px 15px 60px;}
.reviews .rew_car .rew_list .rew_detail {padding: 40px 15px;}

.qr_wrap > div img {width: 300px !important;}

.faq .accordion .accordion__item .accordion__header::before {width: 20%}
.faq .accordion .accordion__header {    font-size: 18px; }
.dropdown-arrow {display: none;}
.menu-rbz-dropdown.open {display: none;}
.cookie-agreement {
    flex-direction: column;
    padding: 25px;
}
.cookie-agreement button {
    width: 100%;
}

.banner_part.inside.keys .wrap .banner_text.inside div h1 {font-size: 23px; text-align: left;}

.reviews-gulnara {
    gap: 30px;
    flex-wrap: wrap;
}
.menu-close {
    right: 20px;
}
.call-item {
    width: 100%;
}

.call-item:nth-child(1)::after {
    display: none;
}

.call-item:nth-child(5)::after {
    display: none;
}

.call-item:nth-child(1)::before {
    content: '';
    position: absolute;
    right: -2%;
    height: 1px;
    width: 104%;
    background: #3A3C47;
    top: 111%;
    transform: translateY(-50%);
}

.call-item:nth-child(2)::before {
    content: '';
    position: absolute;
    right: -2%;
    height: 1px;
    width: 104%;
    background: #3A3C47;
    top: 111%;
    transform: translateY(-50%);
}
.call-item:nth-child(2)::after {
    content: '';
    position: absolute;
    right: -2%;
    height: 1px;
    width: 104%;
    background: #3A3C47;
    top: 256%;
    transform: translateY(-50%);
}

.call-item:nth-child(3)::before {
    content: '';
    position: absolute;
    right: -2%;
    height: 1px;
    width: 104%;
    background: #3A3C47;
    top: 223%;
    transform: translateY(-50%);
}

.call-item:nth-child(4)::after {
    display: none;
}

.call-item:nth-child(6)::before {
    content: '';
    position: absolute;
    right: -2%;
    height: 1px;
    width: 104%;
    background: #3A3C47;
    top: -11%;
    transform: translateY(-50%);
}

.possibilities-item {
    width: 100%;
}

.possibilities-item:nth-child(5)::before {
    content: '';
    position: absolute;
    right: -1%;
    height: 1px;
    width: 102%;
    background: #3A3C47;
    top: 116%;
    transform: translateY(-50%);
}

.results-list {
    text-align: center;
    flex-direction: column;
}

.results-item {
    width: 100%;
}

.wrap-descr {
    margin-bottom: 100px;
}

.wrap-solution {
    margin-bottom: 100px;
}

.wrap-call {
    margin-bottom: 100px;
}

.wrap-reviews {
    margin-bottom: 100px;
}

.possibilities-list {
    margin-bottom: 100px;
}

.call-descr {
    width: 100%;
}

.possibilities-list {
    display: none;
}

.mobile-list {
    display: flex;
}

.wrap-descr p {
    font-size: 16px;
}

.descr {
    font-size: 16px;
}

.bx-breadcrumb-item span {
    font-size: 13px;
}

.banner_part.inside .wrap .bx-breadcrumb .bx-breadcrumb-item > span {
    font-size: 13px;
}

.main_part.inside .integratia.veb-sayty h3 {font-size: 18px;padding: 20px 30px 0 30px;;}
.main_part .integratia.veb-sayty p {font-size: 16px;font-weight: 500;}
.main_part .integratia_list.sayty .more {margin-left: 0;}
.prem_block.price-sayty {padding: 15px 20px 0; margin: 40px auto 60px auto;}
.price-sayty .more {margin-left: 0; font-size: 20px;}
.price-sayty .more span {width: 50px; height: 50px;}
.price-sayty .more span svg {width: 23px; height: 23px;}
.blue-button {
    margin: 80px 0 0 auto;
    width: 100%;
}


.cookie-agreement {
    column-gap: 10px;
    width: calc(100% - 30px);
}
.cookie-agreement .cookie-agreement-text {
    font-size: 14px;
    padding-bottom: 20px;
}
.cookie-agreement button {
    padding: 15px 15px;
    font-size: 14px;
}
.main_part .integratia-bg p {width: 91%;margin-bottom: 20px;}
.main_part .integratia-bg {background-position: center;height: 280px;background: url(/bitrix/templates/npanachev/images/banner-robot420.png);background-repeat: no-repeat;padding-top: 40px;justify-content: start;background-size: 100%;}

.popup-component__wrap {padding: 40px 20px;}

.footer-callback {display: none;}
.banner_part .wrap .banner_text h1.text-logo {padding-top: 15px;font-size: 22px;}

/* .main_part .about_us .more_text .content_toggle {display: flex;} */

    .main_part .products .products_list {display: flex; overflow-x: auto; overflow-y: hidden; scrollbar-width: none;}
    .main_part .products .products_list::-webkit-scrollbar {height: 0; width: 0; display: none;}
    .main_part .products .products_list::-webkit-scrollbar-track {background: transparent;}
    .main_part .products .products_list::-webkit-scrollbar-thumb {background-color: transparent; border-radius: 0px; border: transparent;}
    .main_part .products .products_list a {width: calc(100% - 67px); flex-shrink: 0;text-decoration: none;}
}

@media screen and (max-width:414px)  {
}

@media screen and (max-width:375px)  
{
    .main_part.product .integratia.product-block h3 {font-size: 18px;}
    .main_part .integratia.veb-sayty p {padding: 15px 25px 20px;}
    .main_part .integratia p {padding-left: 20px;}
	.prem_block.double .prem_block_double_car .prem_block_list {height: auto}
	.qr_wrap .telegram span:after {right: -22%;}
	.qr_wrap .whatsapp span:after {left: -29%;}
	.banner_part.inside {background-position: 50% 55%;}
    .main_part .integratia-bg p {padding-left: 35px;}

    .call-item:nth-child(3)::before {
        top: 220%;
    }
	}
.menu-popup__wrapper {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    border-bottom: 1px solid #23242a;
    margin-top: 130px;
}

.menu-popup__inner {
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #23242a;
    position: relative;
}

.menu-popup__inner:last-child {
    border-bottom: 1px solid #23242a;
}

.menu-popup__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 0 18px 0;
    width: 100%;
    background: none;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    cursor: pointer;
    transition: background 0.2s;
    outline: none;
}

.menu-popup__item:not(.menu-popup__parent-item) {
    padding-right: 0;
}

.menu-popup__parent-item {
    position: relative;
    padding-right: 32px;
}

.menu-popup__parent-item:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.23431 4.42259C5.92189 4.09715 5.92189 3.56951 6.23431 3.24408C6.54673 2.91864 7.05327 2.91864 7.36568 3.24408L13.7657 9.91074C14.0781 10.2362 14.0781 10.7638 13.7657 11.0893L7.36568 17.7559C7.05327 18.0814 6.54673 18.0814 6.23431 17.7559C5.9219 17.4305 5.9219 16.9028 6.23431 16.5774C8.2329 14.4955 8.5718 14.1866 11.9888 10.5001C11.5006 9.91074 10.3388 8.69812 6.23431 4.42259Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;
    transition: transform 0.3s;
    display: block;
}

.menu-popup__parent-item.active:after {
    transform: translateY(-50%) rotate(90deg);
}

.menu-popup__child {
    display: none;
    list-style: none;
    padding: 0 0 0 0;
    margin: 0;
    background: none;
    font-weight: 400;
    font-size: 16px;
}

.menu-popup__inner.active .menu-popup__child {
    display: block;
    padding: 12px 0 6px 0;
}

.menu-popup__child li {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.menu-popup__child li a {
    color: #9D9D9D;
    font-size: 16px;
    text-decoration: none;
    display: block;
    transition: color 0.2s;
}
.menu-popup__child li:last-child a {
    padding-bottom: 20px;
}

.menu-popup__child li a:hover {
    color: #fff;
}

.menu-popup__wrapper a {
    text-decoration: none;
    color: inherit;
    display: block;
    width: 100%;
}

.menu-popup__inner:last-child {
    border-bottom: 1px solid #23242a;
}


@media (max-width: 600px) {
    .menu-popup {
        width: 100vw;
        min-width: 0;
        border-radius: 0;
    }
    .menu-popup__wrapper {
        font-size: 16px;
    }
    .menu-popup__item {
        padding: 16px 0 16px 0;
    }
    .menu-popup__child li a {
        font-size: 16px;
    }
    .main_part .about_us .command > p br {display: none;}
    .main_part .about_us .more_text .content_block {flex-direction: column; row-gap: 30px;}
    .main_part .about_us .more_text .content_block .content_block-column:nth-child(1) {width: 100%;}
    .main_part .about_us .more_text .content_block .content_block-column:nth-child(2) {width: 100%;}
    .main_part .products {
        margin-top: 62px;
    }

    .table_product .wazzap_list_items .wazzap_list_items_ {
        width: 100%;
    }
    .table_product .waba .waba_right_part .subscription {
        gap: 20px;
    }
    .table_product .waba .waba_right_part .subscription .subscription_left_part {
        width: unset;
        flex-shrink: 0;
    }

    .no_time {    flex-direction: column;}
    .no_time .more {font-size: 20px; margin: 20px 0}
    .no_time h2 {font-size: 24px}
    .no_time .more span {width: 50px; height: 50px}
    .no_time .more span svg {    width: 23px; height: 23px;}
}


@media (max-width: 430px) {
    .management-system-title span {
        top:0
    }

}

@media (max-width: 420px) {
    .faq,
    .prem_block {
        margin-top: 60px;
    }
    /* текст отзывов 16px по макету (было 18) */
    .reviews .reviews_head .reviews_subrow p {
        font-size: 16px;
    }
    /* "КОМУ ВЫГОДНО": отступ сверху 20 по макету 420 (было 60), padding к margin */
    .prem_block:not([id]):not(.double) {
        padding-top: 0;
        margin-top: 20px;
    }
    /* точки слайдера "КОМУ ВЫГОДНО": зазор 10px по макету (было 30) */
    .prem_block .prem_block_car .slick-dots li {
        margin: 0 5px;
    }

    /* таблица тарифов по макету 420 (Figma node 26:1710): колонки фикс 185px + горизонтальная прокрутка.
       Обобщено на все grid-таблицы (bitrix24/aimylogic/mywarehouse), !important перебивает page-CSS и id-правила */
    .table_product {
        padding: 0 15px !important;
    }
    .table_product .fixed-rows .mywarehouse_grid {
        width: 100% !important;
        grid-template-columns: 185px minmax(0, 1fr) !important;
    }
    .table_product .scrollable-part .mywarehouse_grid {
        grid-template-columns: 185px repeat(5, 185px) !important;
        width: 1110px !important;
    }
    .table_product .mywarehouse_grid .integration_item span {
        font-size: 12px !important;
    }



    .banner_part .wrap .banner_text.inside .banner-slides .banner-item,
    .banner_part .wrap .banner_text.inside .banner-slides .banner-item--video {
        height: 260px;
        max-height: 260px;
    }
    .banner_part .wrap .banner_text.inside .banner-slides .banner-item--video .video-player {
        height: 100%;
        max-height: 260px;
    }
    .banner_part .wrap .banner_text.inside .banner-slides .banner-item--video .video-player__video,
    .banner_part .wrap .banner_text.inside .banner-slides img {
        height: 100%;
        max-height: 260px;
        object-fit: cover;
    }

    .table_product .tabs-buttons {
        gap: 8px;
        margin-bottom: 16px;
    }
    .table_product .tab-btn {
        width: 140px;
        height: 48px;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .table_product .select__wrap-b24 {
        margin-top: 16px;
    }

}

@media (max-width: 460px) {
	.competencies-slider-bottom__wrapper{padding-top: 0;}
	.history-block{padding-bottom:40px;}
	.competencies-slider-bottom__nav{margin-top: -75px;}
	.competencies-slider-bottom{padding: 0px 0 30px;}
	.personal-practice-block{padding-bottom: 45px;}

}

.select__wrap-b24 {
    margin-bottom: 40px;
    margin-top: 20px;
}


.competencies-coverflow-card__title{font-size: 20px; margin-top: 40px; margin-left: 10px;}
.competencies-coverflow-card__desc{font-size: 14px; display: flex; margin-left: 10px;}
.competencies-coverflow-card__icon img{margin-left: 35px; margin-bottom: 25px;}
.competencies-coverflow-card__icon svg{margin-bottom: 25px;}

/* ===== mobile_services adaptive по Figma (768: node 5:1054, 420: node 20:1369) ===== */
/* 700–768: две колонки — текст слева, телефон справа */
@media (min-width: 700px) and (max-width: 768px) {
    .mobile_services {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: space-between;
        gap: 24px;
        margin: 80px auto;
    }
    .mobile_services > div {
        width: auto;
        max-width: 479px;
        flex: 1 1 auto;
        min-width: 0;
    }
    .mobile_services div p {
        font-size: 50px;
        line-height: 1.3;
    }
    .mobile_services div font {
        font-size: 16px;
        margin: 40px 0;
    }
    .mobile_services div p:nth-of-type(2) {
        gap: 20px;
        flex-wrap: wrap;
    }
    .mobile_services > img {
        flex: 0 0 auto;
        width: 229px;
        max-width: 229px;
        height: auto;
        max-height: none;
        object-fit: contain;
    }
}
/* ≤699: стак по центру (дизайн 420) — заголовок, текст, бейджи в ряд, телефон снизу */
@media (max-width: 699px) {
    .mobile_services {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        gap: 40px;
        margin: 60px auto 50px;
        padding-top: 0;
    }
    .mobile_services.wazzup_mob {
        margin: 60px auto 50px;   /* перебиваем особый margin wazzup_mob (был 100) */
    }
    .mobile_services > div {
        width: 100%;
        max-width: none;
        flex: none;
    }
    .mobile_services div p {
        font-size: 40px;
        line-height: 1.3;
    }
    .mobile_services div font {
        font-size: 16px;
        margin: 20px 0 40px;
    }
    .mobile_services div p:nth-of-type(2) {
        gap: 20px;
        flex-wrap: nowrap;
    }
    .mobile_services div p:nth-of-type(2) a {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
        padding: 18px 16px;
    }
    .mobile_services div p:nth-of-type(2) a img {
        max-width: 100%;
        height: auto;
    }
    .mobile_services > img {
        width: 229px;
        max-width: 229px;
        height: auto;
        max-height: none;
        object-fit: contain;
        margin: 0 auto;
    }
}

/* Отзывы: слайдер уходит за правый край экрана (full-bleed), как в макете 1:869.
   Только >1460 (где у контейнера есть боковые поля). Заголовок остаётся в контейнере
   за счёт .reviews_head max-width:1460 (стр.1717). slick-list overflow:hidden режет трек
   по краю экрана — горизонтального скролла страницы нет. */
@media (min-width: 1461px) {
    .reviews { max-width: none; margin: 0; padding: 30px 0 0 calc((100% - 1460px) / 2); overflow-x: clip; }
    /* точки слайдера по центру контейнера (1460), а не по центру full-bleed слайдера */
    .reviews .rew_car .slick-dots { max-width: 1460px; }
}

/* ===== Отзывы: отступы и карточка по макету 768/420 ===== */
@media (max-width: 768px) {
    .reviews { gap: 40px; }
    .reviews .reviews_head .reviews_subrow { margin-top: 40px; }
    .reviews h2:not(.big) { margin-bottom: 5px; }   /* мини→ОТЗЫВЫ 5px по макету (было 20) */
    .reviews .reviews_head .reviews_subrow p { font-size: 16px; }   /* подзаголовок 16px по макету (было 18) */
}
@media (max-width: 420px) {
    .reviews { gap: 20px; }
    .reviews .reviews_head .reviews_subrow { margin-top: 20px; }
    .reviews h2:not(.big) { font-size: 18px; }   /* мини-заголовок 18px по макету 420 (было 20) */
    .reviews .rew_car .rew_list .rew_wrap_img_n_text > img { width: 62px; height: 62px; margin-right: 15px; }
    .reviews .rew_car .rew_list .rew_name p { font-size: 16px; }
    .reviews .rew_car .rew_list .rew_detail { margin-top: 20px; padding: 20px; }
    .reviews .rew_car .rew_list .rew_detail span { font-size: 14px; }
}

@media (max-width: 600px) {
    #mywarehouse_32 .integration, #ai_mywarehouse_32 .integration {
        gap: 4px;
    }
}



/* ====== Бизнес-кейс (страница) ====== */
.case-page { padding-bottom: 60px; overflow-x: clip; }
.case-restricted {
    max-width: 1460px;
    margin: 0 auto;
    padding: 120px 20px;
    text-align: center;
    color: #9d9d9d;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
}
.case-restricted a { color: #2d5eff; }

/* End */
/* /bitrix/templates/npanachev/js/slick.css?17634742171776 */
/* /bitrix/templates/npanachev/js/slick-theme.css?17634742173141 */
/* /bitrix/templates/npanachev/js/fancybox.css?176347421715512 */
/* /bitrix/templates/npanachev/js/jp.player.custom.css?17634742171856 */
/* /bitrix/templates/npanachev/js/video-player.css?17692935987931 */
/* /bitrix/templates/npanachev/components/reaspekt/reaspekt.geobase.city/main/style.css?176347421716432 */
/* /bitrix/templates/.default/components/bitrix/menu/top_menu/style.min.css?17634742182111 */
/* /bitrix/templates/npanachev/template_styles.css?1782475787206754 */