/* Start:/local/templates/main/css/slick.css?17587963311776*/
/* 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:/local/templates/main/css/slick-theme.css?17587963314398*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {
  background: #fff url('/local/templates/main/css/../img/ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-arrow {
  font-size: 0;
  line-height: 0;
  width: 20px;
  height: 10px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  display: block;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  border: none;
  outline: none;
  background-color: transparent;
  z-index: 2;
}

.slick-arrow::before {
  content: '';
  position: absolute;
  width: 42px;
  aspect-ratio: 1/1;
  border-radius: 10px;
  background-color: var(--lightblue);
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  transition: background-color 0.3s ease-in-out;
}

.slick-arrow::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.slick-arrow:hover::before {
  background-color: var(--darkgrey);
}

.expert__list .slick-prev,
.expert__list .slick-next {
  top: calc(50% - 45px);
}

.event-page .person-slider__list .slick-prev,
.event-page .person-slider__list .slick-next {
  top: 150px;
}

/** sliders with photo and description below **/
.discounts-list .slick-prev,
.discounts-list .slick-next,
.experts-slider .slick-prev,
.experts-slider .slick-next {
  top: 41%;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev {
  left: -25px;
}

.slick-prev::after {
  background-image: url(/local/templates/main/css/../img/icons/arrow-left-white.svg);
}

.slick-next {
  right: -25px;
}

.slick-next::after {
  background-image: url(/local/templates/main/css/../img/icons/arrow-right-white.svg);
}

.discounts-list .slick-prev {
  left: -35px;
}

.discounts-list .slick-next {
  right: -35px;
}

@media (max-width: 1280px) {
  .slick-slider .slick-prev {
    left: 0;
  }

  .slick-slider .slick-next {
    right: 0;
  }

  .slick-slider:not(.slick-blue-arrows) .slick-prev {
    left: -15px;
  }
  
  .slick-slider:not(.slick-blue-arrows) .slick-next {
    right: -15px;
  }

  .statuses .slick-prev {
    left: -18px;
  }

  .statuses .slick-next {
    right: -18px;
  }
}

/* Dots */
@media (max-width: 768px) {
    .slick-slider.slick-dotted {
        margin-bottom: 48px;
    }
}

.slick-dots {
  position: absolute;
  top: calc(100% + 32px);
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  background-color: #b3bec8;
}

.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: 0.25;
  color: transparent;
  display: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: transparent;
}

.slick-dots li.slick-active button {
  width: 16px;
  height: 16px;
  background-color: #1798f5;
}

.slick-slider {
  user-select: initial;
}

@media (max-width: 1170px) {
  .slick-prev {
    left: -15px;
  }

  .slick-next {
    right: -15px;
  }
}

@media (max-width: 480px) {
  .event-page .person-slider__list .slick-prev {
    left: 20px;
  }

  .event-page .person-slider__list .slick-next {
    right: 20px;
  }
}

.slick-slider--has-shadow .slick-list {
  max-width: 100%;
  overflow: unset;
  overflow-x: clip;
  overflow-y: visible;
}

/* End */


/* Start:/local/templates/main/libs/fancybox/fancybox.min.css?176339585615600*/
.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:rgba(0,0,0,0);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:rgba(0,0,0,0);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:rgba(0,0,0,0)}.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, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 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:/local/templates/main/css/texts.css?17587963319514*/
/* @font-face {
    font-family: "Manrope-500";
    src:
    local("Manrope-500"),
    url("/local/templates/main/css/../fonts/Manrope-Medium.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Manrope-600";
    src:
    local("Manrope-600"),
    url("/local/templates/main/css/../fonts/Manrope-SemiBold.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Manrope-700";
    src:
    local("Manrope-700"),
    url("/local/templates/main/css/../fonts/Manrope-Bold.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Manrope-800";
    src:
    local("Manrope-800"),
    url("/local/templates/main/css/../fonts/Manrope-ExtraBold.ttf") format("truetype");
    font-display: swap;
} */

:root {
    --white: #ffffff;
    --blue: #0B5CAD;
	--darkgrey: #30353A;
    --middlegrey: #798490;
    --greybackground:#E9E9E9;
    --gentlegrey: #F9F9F9;
    --placeholdercolor: #ACB1B5;
    --lighttext: #A1ABB4;
    --lightgrey: #f1f1f1;
    --dategrey: #79848F;
    --inputtext: #ACB1B5;
    --grey-60: #B3BEC8;
    --lightblue: #1798F5;
    --purple: #520BAD;
    --pink: #ED2382;
    --yellow: #FBE022;
    --orange: #EAA335;
    --khaki: #A7C435;

    --terracotta: #DC6F5A;
    --ochre: #DF9444;
    --cinnabar: #FF7171;
    --lavender: #9376DE;
    --darkblue: #2E58BC;
    --skyblue: #56CCF2;

    --projectColor: #219F3B;
    --projectFontColor: #fff;
}

h1, h2 , h3, h4, h5, h6,
.h1, .h2 , .h3, .h4, .h5, .h6 {
    margin: 0;
    color: var(--darkgrey);
    font-family: Manrope;
}

h1, .h1 {
    font-size: 56px;
    font-weight: 700;
    line-height: 61.6px;
}

h1 sup,
.h1 sup {
    color: var(--lightblue);
    margin-left: 16px;
    position: relative;
    top: -3px;
}

.second-title {
    font-size: 48px;
    font-weight: 800;
    line-height: 1.1;
    font-family: Manrope;
}

.custom-48 {
    font-family: Manrope;
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
}

h3, .h3 {
    font-size: 42px;
    font-weight: 700;
    line-height: 46.2px;
}

.custom-42 {
    font-family: Manrope;
    font-size: 48px;
    font-weight: 700;
    line-height: 46.2px;
}

h4, .h4 {
    font-size: 36px;
    font-weight: 700;
    line-height: 39.6px;
    margin-bottom: 40px;
}

h5, .h5 {
    font-size: 32px;
    font-weight: 700;
    line-height: 35.2px;
}

h6, .h6 {
    font-size: 28px;
    font-weight: 700;
    line-height: 30.8px;
}

.blue-text {
    font-family: Manrope;
    font-size: 36px;
    font-weight: 600;
    line-height: 36px;
    color: var(--blue);
    white-space: nowrap;
}

.custom-36 {
    font-family: Manrope;
    font-size: 36px;
    font-weight: 800;
    line-height: 36px;
}

.medium-title {
    font-family: Manrope;
    font-size: 32px;
    font-weight: 600;
    line-height: 100%;
    color: var(--white);
    margin-top: 10px;
}

.custom-32 {
    font-family: Manrope;
    font-size: 32px;
    font-weight: 600;
    line-height: 32px;
}

.custom-bold-32 {
    font-family: Manrope;
    font-size: 32px;
    font-weight: 700;
    line-height: 35.2px;
}

.custom-28 {
    font-family: Manrope;
    font-size: 28px;
    font-weight: 700;
    line-height: 30.8px;
}

.custom-26 {
    font-family: Manrope;
    font-size: 26px;
    font-weight: 600;
    line-height: 26px;
}

.sub-26-text {
    font-family: Manrope;
    font-size: 26px;
    font-weight: 700;
    line-height: 28.6px;
    color: var(--darkgrey);
}

.custom-24 {
    font-family: Manrope;
    font-size: 24px;
    font-weight: 600;
    line-height: 28.8px;
}

.sub-24-text {
    font-family: Manrope;
    font-size: 24px;
    font-weight: 700;
    line-height: 26.4px;
}

.black-middle-text {
    font-family: Manrope;
    font-size: 24px;
    font-weight: 500;
    line-height: 28.8px;
    color: var(--darkgrey);
}

.sub-20-text {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    color: var(--darkgrey);
}

.custom-20 {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
}

.text-20-500 {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.small-title {
    font-family: Manrope;
    font-size: 16px;
    font-weight: 800;
    line-height: 19.2px;
    color: var(--darkgrey);
}

.base-16-link {
    font-family: Manrope;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.2px;
}

.base-16-medium {
    font-family: Manrope;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
}

.article-text {
    font-family: Manrope;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.2px;
    color: var(--darkgrey);
}

.big-grey-text {
    font-family: Manrope;
    font-size: 16px;
    font-weight: 500;
    line-height: 22.4px;
    color: var(--dategrey);
}

.info-grey-text {
    font-family: Manrope;
    font-size: 16px;
    font-weight: 600;
    line-height: 22.4px;
    color: var(--dategrey);
}

.base-14-bold {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
}

.base-14-medium {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.8px;
}

.base-14-link {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 700;
    line-height: 19.6px;
}

.custom-14 {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px;
    color: var(--middlegrey);
}

.grey-text, .article .grey-text {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px;
    color: var(--middlegrey);
}
.grey-text p {
    padding-bottom: 20px;
}

.base-12-bold {
    font-family: Manrope;
    font-size: 12px;
    font-weight: 700;
    line-height: 14.4px;
}

.base-12-medium {
    font-family: Manrope;
    font-size: 12px;
    font-weight: 500;
    line-height: 14.4px;
    color: var(--darkgrey);
}

.base-12-link {
  font-family: Manrope;
  font-size: 12px;
  font-weight: 700;
  line-height: 14.4px;
  color: var(--dategrey);
}

.custom-11 {
    font-family: Manrope;
    font-size: 11px;
    font-weight: 500;
    line-height: 15.4px;
}

.tiny-text {
    font-family: Manrope;
    font-size: 11px;
    font-weight: 700;
    line-height: 13.2px;
}

.ordinary {
    color: var(--darkgrey);
}

.middlegrey {
    color: var(--middlegrey);
}

.dategrey {
    color: var(--dategrey);
}

.pale {
    color: var(--white);
}

.accent {
    color: var(--lightblue);
}

.--active {
    color: var(--lightblue);
}

.text-page__map {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 0.37;
}

.text-page__map-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.text-page__page {
    padding-top: 80px;
    display: grid;
    align-content: flex-start;
    gap: 80px;
}

.text-page h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 110%;
}

.text-page h1,
.text-page h2 {
    margin-bottom: 80px;
}

.text-page h3,
.text-page h4 {
    margin-bottom: 40px;
}

.text-page h5,
.text-page h6 {
    margin-bottom: 40px;
}

.text-page {
    max-width: 940px;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.text-page p:not(:last-child),
.text-page ul:not(:last-child),
.text-page ol:not(:last-child),
.text-page ol > li:not(:last-child) {
    margin-bottom: 20px;
}

.text-page ul {
    padding-left: 30px;
}

.text-page ul li {
    position: relative;
}

.text-page ul li::before {
    content: '•';
    position: absolute;
    left: -24px;
    top: 0;
}

.text-page ol {
    padding-left: 0;
    list-style-position: inside;
}

.text-page ol ul {
    margin-block: 20px;
}

.text-page ol:last-child,
.text-page ul:last-child {
    margin-bottom: 0;
}

@media (max-width: 1170px) {
    .text-20-500 {
        font-size: 16px;
        line-height: 22.4px;
    }

    .text-page__page {
        padding-top: 40px;
        gap: 40px;
    }

    .text-page h1,
    .text-page h2 {
        margin-bottom: 40px;
    }

    .text-page h3,
    .text-page h4 {
        margin-bottom: 30px;
    }
}

@media (max-width: 991px) {
  .text-page h2 {
      font-size: 28px; 
  }
  

  h3, .h3 {
    font-size: 28px;
    line-height: 28px;
  }

   .big-grey-text {
    /* font-size: 12px;
    line-height: 16.8px; */
    font-size: 14px;
    line-height: 19.6px;
  }

  .superiority-section .big-grey-text {
    font-size: 14px;
    line-height: 19.6px;
  }
}

@media (max-width: 768px) {
    h3, .h3 {
        font-size: 24px;
        line-height: 24px;
    }

    h5, .h5, h6, .h6 {
        font-size: 20px;
        line-height: 20px;
    }

    .blue-text {
        font-family: Manrope;
        font-size: 24px;
        line-height: 24px;
    }
}

@media (max-width: 600px) {
    .second-title {
        font-size: 32px;
        line-height: 32px;
    }

    h1, .h1 {
        font-size: 32px;
        line-height: 32px;
    }

    h4, .h4 {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 30px;
    }

    .custom-48 {
        font-size: 32px;
        line-height: 32px;
    }
    
    .text-page__map {
        aspect-ratio: 1 / 1;
    }
}

@media (max-width: 480px) {
    h1 sup,
    .h1 sup {
        display: block;
        margin-left: 0;
        margin-top: 20px;
    }

    .custom-42 {
        font-size: 28px;
        line-height: 28px;
    }
}

@media (max-width: 360px) {
    .second-title {
        font-size: 24px;
    }

    .service-page .second-title {
        font-size: 32px;
    }

    h4, .h4
     {
        font-size: 24px;
    }

    .text-page__map {
        aspect-ratio: 1 / 1.5;
    }
}
/* End */


/* Start:/local/templates/main/css/article.css?176250875115508*/

:root {
    --white: #ffffff;
    --blue: #0B5CAD;
    --turquoise:#0B7CAD;
	--darkgrey: #30353A;
    --middlegrey: #798490;
    --greybackground:#E9E9E9;
    --gentlegrey: #F9F9F9;
    --placeholdercolor: #ACB1B5;
    --lighttext: #A1ABB4;
    --lightgrey: #f1f1f1;
    --dategrey: #79848F;
    --inputtext: #ACB1B5;
    --grey-60: #B3BEC8;
    --red: #EB5757;
    --scarlet: #D71921;
    --lightblue: #1798F5;
    --purple: #520BAD;
    --pink: #ED2382;
    --yellow: #FBE022;
    --orange: #EAA335;
    --khaki: #A7C435;
    --novelty: #56CCF2;

    --projectColor: #219F3B;
    --projectFontColor: #fff;
}

.article-header {
    padding-top: 40px;
}

.article-header__view {
    display: flex;
}

.article-header__tags {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
}

.article-header__box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1020px;
    width: 71%;
    margin-bottom: 50px;
    padding-bottom: 0;
    gap: 20px;
}

.article__views {
    position: relative;
    padding-left: 23px;
    padding-right: 16px;
    margin-left: 40px;
}

.article__views::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 18px;
    height: 12px;
    background: url(/local/templates/main/css/../img/icons/visibility.svg) no-repeat center center;
    background-size: cover;
}

.share {
    position: relative;
    flex-shrink: 0;
}

.share > a svg {
    margin-left: 12px;
}

.share ul {
    display: none;
    flex-direction: column;
    row-gap: 17px;
    position: absolute;
    top: calc(100% + 17px);
    right: 0;
    border-radius: 7px;
    background-color: var(--white);
    padding: 17px 24px;
    box-sizing: border-box;
    box-shadow: 5px 8px 20px 0px #7C7C7C26;
    z-index: 1;
}

.share ul::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    height: 18px;
}

.article-header .share ul {
    width: 188px;
}

.support-rates-section .share ul {
    width: 204px;
}

.share li {
    text-align: right;
}

.share li:hover a {
    color: var(--lightblue);
    position: relative;
}

.article-header .share li:hover a {
    padding-left: 20px;
}

.share li a.copy-link::before {
    display: none;
    content: '';
    background: url(/local/templates/main/css/../img/icons/copy.png);
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 1px;
}

.share li:hover a.copy-link::before {
    display: block;
}

.share-link {
    padding-right: 24px;
    position: relative;
}

.share-link::after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 3px;
    background: url(/local/templates/main/css/../img/icons/share.svg) no-repeat;
}

.share:hover ul {
    display: flex;
}

.share:not(:hover) > .bold-link svg {
    transform: rotateX(180deg);
}

.advertisement {
    display: flex;
    gap: 20px;
    width: 100%;
    margin: 0 auto 75px;
    overflow: hidden;
}

.advertisement__wrap {
    width: inherit;
    height: 100%;
    min-height: 100%;
    padding: 30px;
    box-sizing: border-box;
    display: flex;
    gap: 20px;
    flex-direction: column;
    justify-content: space-between;
    background: url(/local/templates/main/css/../img/team/team-three.png) no-repeat right bottom 59%;
    background-size: 550px;
}

.article-body .advertisement__title {
    max-width: 35%;
}

.advertisement-section .advertisement__title {
    max-width: 50%;
}

.advertisement__desc {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 600;
    line-height: 19.6px;
    color: var(--dategrey);
    max-width: 45%;
}

.advertisement__btn {
    display: flex;
    align-items: center;
    border-radius: 10px;
    background-color: var(--white);
    width: fit-content;
    min-width: 108px;
    height: 50px;
    padding: 2px 20px;
    border: none;
    color: var(--darkgrey);
    margin-top: 12px;
}

.advertisement__btn:hover {
    background-color: var(--khaki);
    color: var(--white);
}

.signature {
    margin: 32px auto 0;
    text-align: center;
}

.tags-section .formal-btn {
    display: none;
}

.tags {
    display: flex;
    flex-direction: row;
    column-gap: 12px;
    row-gap: 16px;
    flex-wrap: wrap;
    padding-top: 30px;
}

.tag {
    width: fit-content;
    max-height: 26px;
    padding: 3px 16px 4px;
    color: var(--darkgrey);
    background-color: var(--white);
    border-radius: 50px;
    text-wrap: nowrap;
    cursor: pointer;
}

.tag.current, .tag:hover {
    color: var(--white);
    background-color: var(--lightblue);
}

.table-tag {
    text-transform: uppercase;
    color: var(--white);
    font-family: Manrope;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    padding: 5px 10px 6px;
}

.support-rates__list .table-tag {
    margin-left: 12px;
}

.hit, .hit:hover{
    background-color: var(--scarlet);
    cursor: default;
}

.novelty, .novelty:hover {
    background: var(--novelty);
    cursor: default;
}

.main-tags {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    border-radius: 20px;
    padding-top: 40px;
    padding-bottom: 30px;
}

.main-tags li {
    width: calc((100% - 40px) / 3);
    height: 131px;
    overflow: hidden;
}

.main-tag {
    display: block;
    height: inherit;
    padding: 20px;
    box-sizing: border-box;
    cursor: pointer;
    background-position: right bottom;
    background-repeat: no-repeat;
}

.article-page .main-tag {
    color: var(--darkgrey);
}

.main-tag.reporting {
    background-image: url(/local/templates/main/css/../img/articles/otchetnost_2024.png);
}

.main-tag.vacation {
    background-image: url(/local/templates/main/css/../img/articles/otpusk.png);
}

.main-tag.military {
    background-image: url(/local/templates/main/css/../img/articles/military.png);
}

.blog-container {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.article-page .blog-container {
    gap: 60px;
}

.blog-list {
    flex-grow: 2;
    box-sizing: border-box;
    width: calc(((100% / 3) * 2) - 10px);
}

.blog-list-small {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 40px;
    grid-column-gap: 20px;
    padding-top: 40px;
}

.popular-articles__wrap {
    width: calc((100% / 3) - 10px);
    box-sizing: border-box;
}

.popular-articles {
    padding: 30px;
    height: auto;
    flex-grow: 1;
    border-radius: 20px;
    background-color: var(--white);
}

.article-bean__list {
    padding-top: 10px;
}

.article-bean {
    display: flex;
    gap: 20px;
    padding: 30px 0;
    border-bottom: 1px solid var(--lightgrey);
}

.article-bean:last-child {
    border-bottom: none;
}

.article-bean__header {
    margin-bottom: 18px;
}

.article-bean__time, .article-bean__views {
    position: relative;
    font-family: Manrope;
    font-size: 11px;
    font-weight: 500;
    line-height: 13.2px;
    color: var(--middlegrey);
}

.article-bean__time {
    margin-right: 20px;
}

.article-bean__views {
    padding-left: 19px;
}

.article-bean__views::before {
    content: '';
    width: 14px;
    height: 12px;
    position: absolute;
    top: 2px;
    left: 0px;
    background: url(/local/templates/main/css/../img/icons/visibility.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.article-bean__title {
    display: block;
    margin-bottom: 20px;
}

.article-bean__title:hover {
    color: var(--lightblue);
}

.article-bean__desc {
    color: var(--middlegrey);
    line-height: 16.8px;
}

.article {
    width: 71%;
    padding-top: 25px;
}

.article p {
    font-family: Manrope;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.2px;
    color: var(--darkgrey);
}

.article .paragraph:last-child {
    margin-bottom: 0;
}

.article img {
    width: 100%;
}

.article-header__info {
    display: flex;
    flex-direction: row;
    gap: 50px;
}

.other-articles {
    width: calc(29% - 60px);
}

.other-articles {
    .main-tag {
        padding: 20px 50% 20px 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 10px !important;
        padding-right: 20px !important;
        position: relative;
    }

    .main-tag::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 120px;
        background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        pointer-events: none;
    }

    .main-tag span {
        position: relative;
        z-index: 1;
    }
}

.other-articles .main-tags {
    padding-top: 25px;
}

.other-articles .main-tags li {
    width: 100%;
}

.paragraph {
    margin-bottom: 70px;
    max-width: 91%;
}

.paragraph ul, .article ul  {
    padding-top: 20px;
}

.paragraph ul li, .article ul li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 4px;
}

.paragraph ul li::before, .article ul li::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 8px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--darkgrey);
}

.articles-section  {
    position: relative;
}

.articles-section .articles__item {
    padding: 0 10px 0px;
}

.pop-up-helper {
    max-width: 1180px;
    background: linear-gradient(0deg,#FFD44B,#FFD44B),linear-gradient(287.42deg,#FBCB1F 27.29%, #FFEFA1 100%);
}

.pop-up-helper .pop-up__exit {
    background-image: url(/local/templates/main/css/../img/icons/exit-dark.png);
}

.pop-up-helper h4 {
    line-height: 36px;
}

.pop-up-helper__desc {
    font-family: Manrope;
    font-size: 24px;
    font-weight: 600;
    line-height: 33.6px;
    color: var(--dategrey);
}

.pop-up-helper__wrap {
    background: url(/local/templates/main/css/../img/articles/symbol.png) no-repeat right bottom;
    background-size: 418px;
}

.pop-up-helper__box {
    background: url(/local/templates/main/css/../img/articles/android.png) no-repeat right 50px bottom;
    background-size: 320px;
    padding: 25px 60px;
    box-sizing: border-box;
}

.pop-up-helper .big-grey-text {
    max-width: 450px;
}

@media (max-width: 1200px) {
    .blog-list-small .figure-small__title {
        margin-bottom: 29px;
    }

    .blog-container {
        flex-direction: column;
        align-items: center;
        gap: 80px;
        padding-top: 50px;
    }

    .article-page .blog-container {
        flex-direction: column-reverse;
        padding-top: 0;
        gap: 10px;
    }

    .main-tag {
        padding: 20px 50% 20px 20px;
    }

    .article {
        width: 100%;
    }

    .article-header__box {
        max-width: unset;
        width: 100%;
    }

    .other-articles {
        width: 100%;
    }

    .blog-list {
        width: 100%;
    }

    .popular-articles__wrap {
        width: 100%;
    }

    .sidebar-bean {
        display: none;
    }

    .pop-up-helper__wrap {
        background-size: 35vw;
    }

    .pop-up-helper__box {
        background-size: 30vw;
    }

    .pop-up-helper .feedback__input-wrap {
        width: 40vw;
    }

    .pop-up-helper .feedback__inner {
        width: 100%;
    }

}

@media (max-width: 1170px) {
    .paragraph {
        margin-bottom: 40px;
    }

    .other-articles .main-tags li {
        width: calc((100% - 20px) / 2);
    }
}

@media (max-width: 991px) {
    .paragraph {
        margin-bottom: 40px;
    }
    .advertisement {
        position: relative;
        min-height: unset;
    }
    .advertisement__wrap {
        background: url(/local/templates/main/css/../img/team/team-three.png) no-repeat right bottom;
        background-size: 60% auto;
        padding: 30px 40% 30px 30px;
    }
    .article-body .advertisement__title {
        max-width: 100%;
    }
    .advertisement__desc {
        max-width: 100%;
        font-size: 16px;
        line-height: 22.4px;
    }
    .blog-list {
        flex-direction: column;
    }

    .pop-up-helper h4 {
        line-height: 28px;
    }

    .pop-up-helper__box {
        padding: 30px 82px 40px 30px;
    }

    .pop-up-helper__desc {
        font-size: 16px;
        line-height: 22.4px;
    }

    .article-header__box {
        margin-bottom: 30px;
    }

    .main-tags li {
        width: calc((100% - 20px) / 2);
    }

    .main-tag {
        padding: 20px 20px 20px 20px;
    }

    .advertisement-section .advertisement__title {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .article-header__box {
        flex-direction: column;
    }

    .article-header__info {
        gap: 20px;
    }

    .share {
        padding-bottom: 10px;
    }

    .products-cards__header .share {
        margin-top: 0px;
        padding-bottom: 0;
    }

    .share ul {
        top: 23px;
        right: unset;
        left: 0;
        z-index: 50;
    }

    .main-tag {
        padding: 20px 50% 20px 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 10px !important;
        padding-right: 20px !important;
        position: relative;
    }

    .main-tag::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 120px;
        background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        pointer-events: none;
    }

    .main-tag span {
        position: relative;
        z-index: 1;
    }

    .pop-up-helper__wrap {
        background-size: 45vw;
    }

    .pop-up-helper__box {
        padding-bottom: 206px;
        background-size: 30vw;
    }

    .pop-up-helper .feedback__input-wrap {
        width: 100%;
    }

    .support-rates-section .share {
        display: none;
    }
}

@media (max-width: 690px) {
    .paragraph {
        margin-bottom: 30px;
    }
    .article {
        padding-top: 0px;
    }
    .pop-up.pop-up-helper {
        padding-bottom: 0;
        padding-right: 0;
    }

    .pop-up--gift .pop-up__img {
        max-width: 250px;
        min-width: unset;
    }

    .pop-up-helper__box {
        padding: 30px 20px 230px 0;
        background-position: 50vw bottom;
    }

    .blog-container {
        padding-top: 10px;
    }

    .main-tags li {
        width: 100%;
    }

    .other-articles .main-tags li {
        width: 100%;
    }

    .main-tag {
        padding: 20px 20px 20px 20px;
    }
}

@media (max-width: 600px) {
    .advertisement__wrap {
        background-image: none;
        padding: 30px;
    }

    .article-header__info {
        flex-direction: column;
    }

    .tags-section .formal-btn {
        display: block;
    }

    .tags {
        max-height: 235px;
        height: 235px;
        overflow: hidden;
    }

    .tag {
        width: fit-content;
        max-height: unset;
        padding: 3px 16px 4px;
    }

    .tags.expanded {
        max-height: unset;
        height: auto;
        overflow: visible;
    }

    .blog-list-small {
        grid-template-columns: 1fr;
        grid-row-gap: 40px;
        grid-column-gap: 20px;
    }

    .article-bean__left {
        display: none;
    }

    .advertisement {
        min-height: 176px;
        margin: 0 auto 40px;
    }
}

@media (max-width: 480px) {
    .popular-articles__wrap {
        width: 100%;
    }

    .main-tag {
        padding: 20px 50% 20px 20px;
    }
}

.gift-article {
    margin-top: 30px;
    display: grid;
    gap: 20px;
    padding: 30px;
    background-color: var(--white);
    border-radius: 20px;
}

.gift-article.hidden {
    display: none;
}

.gift-article__title {
    max-width: 193px;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
}

.gift-article__button {
    padding: 14px;
    font-size: 14px;
}

/* End */


/* Start:/local/templates/main/css/style.css?1764745385201758*/
:root {
    --white: #ffffff;
    --blue: #0B5CAD;
    --turquoise:#0B7CAD;
    --darkgrey: #30353A;
    --middlegrey: #798490;
    --greybackground:#E9E9E9;
    --gentlegrey: #F9F9F9;
    --placeholdercolor: #ACB1B5;
    --lighttext: #A1ABB4;
    --lightgrey: #f1f1f1;
    --dategrey: #79848F;
    --inputtext: #ACB1B5;
    --grey-60: #B3BEC8;
    --red: #EB5757;
    --scarlet: #D71921;
    --lightblue: #1798F5;
    --purple: #520BAD;
    --pink: #ED2382;
    --yellow: #FBE022;
    --orange: #EAA335;
    --khaki: #A7C435;

    --terracotta: #DC6F5A;
    --ochre: #DF9444;
    --cinnabar: #FF7171;
    --lavender: #9376DE;
    --darkblue: #2E58BC;
    --skyblue: #56CCF2;

    --projectColor: #219F3B;
    --projectFontColor: #fff;

    --container-padding: 90px;
}

@media (max-width: 1280px) {
    :root {
        --container-padding: 30px;
    }
}

@media (max-width: 600px) {
    :root {
        --container-padding: 20px;
    }
}

html, body {
    margin: 0;
    background-color: var(--gentlegrey);
    font-family: 'Manrope';

    -webkit-font-size-adjust: none;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}

body.hidden {
    overflow-y: hidden;
}

p {margin: 0;}

ul, dl {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

dd {
    margin-left: 0;
}

figure {
    margin: 0;
}

a {
    text-decoration: none;
}

button {
    cursor: pointer;
}

[type="date"] {
    width: 100%;
    position: relative;
}

[type="date"]::-webkit-calendar-picker-indicator {
    width: 100%;
    left: -1.5em;
    background: none;
    position: absolute;
}

/*** common ***/
.section:not(:last-child) {
    margin-bottom: 160px;
}

.section:not(:last-child):has(+ footer) {
    margin-bottom: 0;
}

.section:has(.slick-slider) {
    overflow-x: clip;
}

@media (max-width: 1024px) {
    .section:not(:last-child) {
        margin-bottom: 100px;
    }
}

@media (max-width: 600px) {
    .section:not(:last-child) {
        margin-bottom: 80px;
    }

    .section:has(.title-wrap .bold-link) {
        padding-bottom: 52px;
    }

    .section:has(.slick-slider):has(.title-wrap .bold-link) {
        padding-bottom: 76px;
    }
}

.main-btn {
    height: 50px;
    padding: 5px 20px;
    background-color: var(--yellow);
    border: 2px solid var(--yellow);
    border-radius: 7px;
    color: var(--darkgrey);
    font-family: Manrope;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
    cursor: pointer;
    transition: background-color 0.4s;
}

.main-btn:hover {
    background-color: var(--white);
}

.secondary-btn {
    background-color: var(--lightblue);
    border-radius: 10px;
    border: 2px solid var(--lightblue);
    color: var(--white);
    font-family: Manrope;
    font-weight: 700;
    cursor: pointer;
    transition: color 0.2s, background-color 0.2s;
}

.secondary-btn:hover {
    color: var(--darkgrey);
    background-color: var(--white);
}

.secondary-btn-invert {
    background-color: var(--white);
    color: var(--lightblue);
}

.secondary-btn-invert:hover {
    background-color: var(--lightblue);
    color: var(--white);
}

.secondary-btn-md {
    font-size: 14px;
    line-height: 110%;
    padding: 16px 18px;
}

.support-btn {
    width: fit-content;
    color: var(--grey-60);
    background-color: var(--white);
    border-radius: 10px;
    border: 1px solid var(--greybackground);
    padding: 11px 23px 12px;
    cursor: pointer;
}

.support-btn:hover {
    color: var(--white);
    background-color: var(--lightblue);
    border-color: var(--lightblue);
}

.operative-btn {
    height: 50px;
    border-radius: 10px;
    padding: 2px 20px;
    background-color: var(--orange);
    color: var(--white);
    border: 1px solid var(--orange);
    font-family: Manrope;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
    transition: color 0.6s, background-color 0.6s;
}

.operative-btn:hover {
    background-color: var(--white);
    color: var(--orange);
}

.tiny-btn {
    width: fit-content;
    color: var(--lightblue);
    background-color: var(--white);
    border-radius: 10px;
    border: 2px solid var(--lightblue);
    padding: 2px 20px 3px;
    height: 50px;
    transition: color .3s;
}

.tiny-btn:hover {
    color: var(--white);
    background-color: var(--lightblue);
}

.ordinary-btn {
    width: 120px;
    color: var(--white);
    border-radius: 10px;
    padding: 2px 20px 3px;
    height: 50px;
    border-width: 1px;
    border-style: solid;
    transition: color .3s, background-color .3s;
}

.wide-btn {
    width: 100%;
}

.formal-btn {
    display: block;
    margin: 0 auto;
    min-width: 143px;
    color: var(--lightblue);
    background-color: var(--white);
    border-radius: 10px;
    border: 2px solid var(--lightblue);
    padding: 2px 20px 3px;
    height: 35px;
    transition: color .3s;
}

.formal-btn:hover {
    color: var(--white);
    background-color: var(--lightblue);
}

.formal-btn:hover svg path {
    stroke: var(--white);
}

.btn-box {
    display: flex;
    gap: 20px;
}

.btn-box .mobile {
    display: none;
}

.lightblue {
    background-color: var(--lightblue);
    border-color: var(--lightblue);
}

.lightblue:hover {
    background-color: var(--white);
    color: var(--lightblue);
}

.terracotta {
    background-color: var(--terracotta);
    border-color: var(--terracotta);
}

.terracotta:hover {
    background-color: var(--white);
    color: var(--terracotta);
}

.ochre {
    background-color: var(--ochre);
    border-color: var(--ochre);
}

.ochre:hover {
    background-color: var(--white);
    color: var(--ochre);
}

.cinnabar {
    background-color: var(--cinnabar);
    border-color: var(--cinnabar);
}

.cinnabar:hover {
    background-color: var(--white);
    color: var(--cinnabar);
}

.skyblue {
    background-color: var(--skyblue);
}

.lavender {
    background-color: var(--lavender);
    border-color: var(--lavender);
}

.lavender:hover {
    background-color: var(--white);
    color: var(--lavender);
}

.darkblue {
    background-color: var(--darkblue);
    border-color: var(--darkblue);
}

.darkblue:hover {
    background-color: var(--white);
    color: var(--darkblue);
}

.badge {
    position: relative;
    top: -10px;
    font-size: 15px;
    font-family: Manrope;
    width: fit-content;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--white);
    padding: 2px 10px;
    height: 25px;
    border-radius: 50px;
}

.star-list li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 52px;
}

.star-list li:last-child {
    margin-bottom: 0px;
}

.star-list li::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background: url(/local/templates/main/css/../img/icons/star.svg) no-repeat center center;
    content: "";
}

input[type=checkbox] {
    appearance: none;
    box-sizing: content-box;
    width: 8px;
    height: 8px;
    background-color: var(--white);
    border: 3px solid var(--white);
    outline: 1px solid var(--lightblue);
    border-radius: 4px;
    margin: 0 8px 0 0;
    cursor: pointer;
}

input[type=checkbox]:not(:disabled):checked {
    background-color: var(--lightblue);
}

input[type=checkbox].grey {
    outline: 1px solid var(--darkgrey);
}

input[type=checkbox].grey:not(:disabled):checked {
    background-color: var(--darkgrey);
}

input[type=checkbox].turquoise {
    outline: 1px solid var(--white);
    background-color: var(--turquoise);
    border-color: var(--turquoise);
}

input[type=checkbox].turquoise:not(:disabled):checked {
    background-color: var(--white);
}

form label {
    color: var(--middlegrey);
    cursor: auto;
}

form label a {
    text-decoration: underline;
    color: var(--middlegrey);
}

form label a:hover {
    color: var(--lightblue);
}

.link-container {
    position: relative;
    z-index: 11;
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.bold-link {
    display: flex;
    align-items: center;
    width: fit-content;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 800;
    line-height: 19.2px;
    color: var(--darkgrey);
    padding: 0;
    background: none;
    border: none;
    outline: none;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.bold-link svg {
    margin-left: 8px;
    transition: transform 0.3s ease-in-out;
}

.bold-link:hover {
    color: var(--lightblue);
}

.bold-link:hover svg path {
    stroke: var(--lightblue);
}

.title-wrap {
    display: flex;
    gap: 16px;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 40px;
}

@media (max-width: 600px) {
    .title-wrap .bold-link {
        position: absolute;
        bottom: 0;
        left: 50%;
        translate: -50% 0;
    }
}

.wrap {
    max-width: 1600px;
    margin: 0 auto;
    padding-inline: var(--container-padding);
    box-sizing: border-box;
}

.br-20 {
    border-radius: 20px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-35 {
    margin-top: 35px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-40 {
    margin-bottom: 40px;
}

.ml-10 {
    margin-left: 10px;
}

.show-more-tags.expanded .ml-10 {
    transform: rotate(180deg);
}

.ml-12 {
    margin-left: 12px;
}

.mr-60 {
    margin-right: 60px;
}

.p-20 {
    padding: 20px;
    box-sizing: border-box;
}

.p-30 {
    padding: 30px;
    box-sizing: border-box;
}

.p-40 {
    padding: 40px;
    box-sizing: border-box;
}

.bg-w {
    background-color: var(--white);
}

.switch-section {
    padding: 30px 0 40px;
}

.switch {
    display: block;
    -webkit-tap-highlight-color: transparent;
}

input[type=checkbox].switch__input {
    display: inline-block;
    width: 0;
    height: 0;
    opacity: 0;
    margin-right: 0;
}

.switch__slider {
    display: inline-block;
    position: relative;
    width: 34px;
    height: 20px;
    background-color: var(--middlegrey);
    border-radius: 10px;
    margin-right: 12px;
    cursor: pointer;
    user-select: none;
}

.switch__slider::selection {
    background: transparent;
}

.switch__slider::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 4px;
    width: 14px;
    height: 14px;
    background-color: var(--white);
    border-radius: 50%;
    transition: left .3s;
}

.switch__input:checked + .switch__slider {
    background-color: var(--lightblue);
}

.switch__input:checked + .switch__slider::before {
    left: 16px;
}

.switch__text {
    display: inline-block;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.switch__text::selection {
    background: transparent;
}

.text-editor a, .article a {
    color: var(--lightblue);
    text-decoration: underline;
}

.expand-table {
    cursor: pointer;
}

.open .expand-table svg {
    transform: rotate(180deg);
}

.text-editor a:hover, .article a:hover {
    text-decoration: none;
}

.text-editor ul li {
    position: relative;
    padding-left: 20px;
}

.text-editor ol {
    padding-left: 0;
    list-style-position: inside;
}

.text-editor ul li::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    top: calc(50% - 2px);
    left: 0;
    border-radius: 50%;
    background-color: var(--darkgrey);
}

.text-hide {
    display: none;
}

.card-list li {
    line-height: 19.6px;
    padding-left: 20px;
    position: relative;
}

.card-list li::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 8px;
    width: 4px;
    height: 4px;
    background-color: var(--middlegrey);
    border-radius: 50%;
}

/* up and down content aligning */
.vertical-spacer {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.center-aligner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* image or video with text, spacer - text height or image height */
.media-box {
    display: flex;
    justify-content: space-between;
    gap: 70px;
}

.media-box__source {
    width: calc(50% - 35px);
}

.media-box__source img, .media-box__source video {
    width: 100%;
    border-radius: 20px;
}

@media (max-width: 991px) {
    .media-box {
        flex-direction: column;
        gap: 60px;
    }

    .media-box__source {
        width: 100%;
    }

}

@media (max-width: 768px) {
    .media-box {
        gap: 40px;
    }
}

@media (max-width: 690px) {
    .btn-box {
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .btn-box .desktop {
        display: none;
    }

    .btn-box .mobile {
        display: block;
    }
}

/*** header ***/
.header {
    position: relative;
    border-bottom: 1px solid var(--lightgrey);
    z-index: 12;
}

.home .header {
    background-color: var(--greybackground);
}

@media (max-width: 1170px) {
    .header.mobile {
        background-color: var(--white);
    }
}

.header .wrap {
    min-height: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search {
    position: relative;
    width: 100%;
    max-width: 460px;
}

.search__input {
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 7px;
    padding: 5px 40px 5px 20px;
    box-sizing: border-box;
    color: var(--darkgrey);
    font-family: Manrope;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
}

.search__input::placeholder {
    color: var(--placeholdercolor);
}

.search__btn {
    width: 40px;
    height: 40px;
    border: none;
    position: absolute;
    top: 50%;
    right: 8px;
    background: var(--white);
    transform: translateY(-50%);
}

.search__btn:hover svg path {
    stroke: var(--lightblue);
}

.search__input:focus-visible {
    border: none;
    outline: none;
}

.search__sheet {
    display: none;
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 40;
    top: 45px;
    left: 0;
    box-sizing: border-box;
    background-color: var(--white);
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    padding: 0 20px 17px;
}

.search__link {
    display: block;
    color: var(--darkgrey);
    margin-bottom: 10px;
}

a.search__link:hover {
    color: var(--lightblue);
}

.search__link:first-child {
    border-top: 1px solid var(--lightgrey);
    padding-top: 17px;
}

.phone__number {
    white-space: nowrap;
}

.phone__number:hover {
    color: var(--blue);
}

.phone__schedule {
    font-family: Manrope;
    font-size: 12px;
    font-weight: 500;
    line-height: 14.4px;
    color: var(--lighttext);
}

.phone__schedule--emph {
    color: var(--darkgrey);
    margin-left: 6px;
}

.header__right {
    display: flex;
    align-items: center;
}

.icon-container {
    display: none;
    justify-content: end;
    width: 78px;
    gap: 30px;
    margin-left: 40px;
}

.header__icon {
    width: 24px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.search-ico {
    background-image: url(/local/templates/main/css/../img/icons/search-normal.svg);
}

.burger-ico {
    background-image: url(/local/templates/main/css/../img/icons/burger.png);
}

.exit-ico {
    background-image: url(/local/templates/main/css/../img/icons/exit.png);
    display: none;
}

.header.mobile .search-ico {
    display: none;
}

.header.mobile .burger-ico {
    display: none;
}

.header.mobile .exit-ico {
    display: block;
}

.home .header-menu {
    background-color: var(--greybackground);
}

.header-menu {
    position: relative;
    z-index: 11;
}

.header-menu__link:has(.header-menu__mob-sub[style="display: block;"])::after {
    background-position: right center;
}

.header-menu__wrap.active .header-menu__list {
    background-color: rgba(256, 256, 256, 1);
}

.header-menu__list {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-inline: 35px;
    margin-inline: -35px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: rgba(256, 256, 256, 0);
    transition: background-color .5s;
}

.header-menu__head {
    cursor: pointer;
}

.header-menu__item:first-child .header-menu__link {
    padding-left: 0;
}

.header-menu__item:last-child .header-menu__link:not(.expand) {
    padding-right: 0;
}

.header-menu__sub.expand {
    padding-right: 20px;
}

.header-menu__link {
    position: relative;
    padding: 20px 20px 20px 0;
    display: inline-block;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 800;
    line-height: 19.2px;
    color: var(--darkgrey);
    transition: color 0.4s;
}

.header-menu__item:not(.active) .header-menu__link.expand {
    pointer-events: none;
}

.header-menu__item:not(.active) .header-menu__desk {
    display: none;
}

.header-menu__item:not(.active) .header-menu__link.expand::after {
    background-position: left center;
}

@media screen and (hover: hover) {
    .header-menu__head:hover .header-menu__link {
        color: var(--lightblue);
    }

    .header-menu__link:hover {
        color: var(--lightblue);
    }

    .header-menu__link.expand:hover::after,
    .header-menu__sub.expand:hover::after {
        background-position: right center;
    }
}

.header-menu__link.expand::after, .header-menu__sub.expand::after {
    content: '';
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    right: 0;
    width: 12px;
    height: 8px;
    background-image: url(/local/templates/main/css/../img/icons/arrow-vertical-spr.png);
    background-repeat: no-repeat;
    background-position: right center;
}

@media (max-width: 1170px) {
    .header-menu__link {
        padding: 0 20px 0 0;
    }

    .header-menu__link.expand::after {
        background-position: left center;
    }

    .header-menu__link.expand:has(+ .header-menu__mob-sub.active)::after {
        background-position: right center;
    }

    .header-menu__mob-sub:not(.active) {
        display: none;
    }
}

.header-menu__desk {
    width: 100%;
    position: absolute;
    left: 0;
    top: 59px;
    padding: 35px 20px 20px 35px;
    box-sizing: border-box;
    background-color: var(--white);
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    transition: display .5s;
}

.header-menu__inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr) 33.33%;
    gap: 16px;
}

.header-menu__desk a {
    display: block;
    margin-bottom: 16px;
}

.header-menu__desk a:hover {
    color: var(--lightblue);
}

.header-menu__sub {
    position: relative;
    width: fit-content;
    margin-bottom: 5px;
}

.header-menu__img {
    border-radius: 10px;
    width: 100%;
    height: auto;
}

.header-menu__img img {
    width: 100%;
}

.header-sub-menu {
    padding-left: 30px;
    display: none;
}

.header-sub-menu.open {
    display: block;
}

.header__sheet {
    display: none;
    justify-content: space-between;
    position: absolute;
    top: 90px;
    left: 0;
    z-index: 10;
    width: 100%;
    padding: 40px 37px 60px  30px;
    box-sizing: border-box;
    background-color: var(--white);
}

.mobile .header__sheet {
    display: flex;
}

@media screen and (max-width: 1280px) {
    .header-menu__list {
        padding-inline: var(--container-padding);
    }
}

@media screen and (min-width: 1171px) {
    .mobile .header__sheet {
        display: none;
    }
}

.header__sheet .header-menu__link {
    display: block;
    margin-bottom: 20px;
    width: fit-content;
}

.header__sheet .main-btn {
    display: none;
}

.expand-menu {
    padding-left: 30px;
}

.header-menu__mob-sub {
    margin-bottom: 20px;
}

.header-menu__mob-sub a {
    display: block;
    margin-bottom: 4px;
}

.header-menu__mob-sub a:hover {
    color: var(--lightblue);
}

@media (max-width: 1600px) {
    .wrap,
    .header-menu__wrap {
        width: 100%;
        padding-inline: var(--container-padding);
    }

    .header-menu__desk {
        width: 100%;
        padding: 35px 20px 20px 35px;
    }
}

@media (max-width: 1170px) {
    .search {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 91px;
        display: flex;
        align-items: center;
        padding-inline: var(--container-padding);
        box-sizing: border-box;
        transition: transform 0.3s ease-in-out;
    }
    .search__overlay {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100dvh;
        z-index: -1;
    }
    .search:not(.is-active) {
        transform: translateY(-100%);
    }
    .search:not(.is-active) .search__overlay {
        display: none;
    }
    .search__input {
       max-width: 100%;
    }
    .search__btn {
        margin-right: var(--container-padding);
    }
    .search__sheet {
        width: calc(100% - 2 * var(--container-padding));
        left: var(--container-padding);
        top: 66px;
        max-height: calc(100dvh - 100px);
        overflow: auto;
    }
    .phone {
        display: none;
    }
    .header__sheet .phone {
        display: block;
    }
    .phone__schedule {
        margin-bottom: 32px;
    }
    .icon-container {
        display: flex;
    }
    .header-menu {
        display: none;
    }
}

@media (max-width: 991px) {
    .header {
        border-bottom: none;
    }
}

@media (max-width: 600px) {
    .maintenance-footer {
        margin-bottom: 80px;
    }

    .header__right .main-btn {
        display: none;
    }

    .icon-container {
        margin-left: 3vw;
        gap: 5vw;
        width: auto;
    }

    .header__sheet {
        flex-direction: column;
    }

    .header__sheet .main-btn {
        display: block;
        margin: 0 auto;
    }

}

@media (max-width: 360px) {
    .header .wrap a > img {
        width: min(192px, 50vw);
    }
}

/*** 404 ***/
.centering-els {
    margin: 0 auto;
}

.center-block {
    margin: 0 auto;
    display: block;
}

.info-404 {
    max-width: 1000px;
    position: relative;
    top: -100px;
}

.info-404 h2, .info-404 p {
    text-align: center;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

.links-404 {
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    max-width: 700px;
}

.links-404 a {
    color: var(--lightblue);
}

.links-404 a:hover {
    text-decoration: underline;
}

@media (max-width: 1170px) {
    .centering-els img {
        width: 100%;
    }

    .info-404 {
        top: -15vh;
    }
}

@media (max-width: 768px) {
    .links-404 {
        width: auto;
        flex-wrap: wrap;
        text-align: center;
        row-gap: 30px;
    }

    .info-404 {
        top: -5vh;
    }
}

/*** site nav ***/
.site-nav {
    background-color: var(--gentlegrey);
    padding-top: 20px;
}

.breadcrumbs {
    margin-bottom: 40px;
}

.breadcrumbs span, .breadcrumbs a {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 500;line-height: 16.8px;
    color: var(--middlegrey);
}

.breadcrumbs span {
    color: var(--middlegrey);
}

.breadcrumbs span, .breadcrumbs a:not(:first-child) {
    margin-left: 8px;
}

.breadcrumbs a {
    color: var(--lightblue);
}

.breadcrumbs a:hover {
    color: var(--blue);
}

/*** team ***/
.team {
    position: relative;
}

.employee__list {
    margin: 0 -10px;
}

.employee__list .slick-arrow {
    top: 40%;
}

.employee__card {
    padding: 0 10px;
    box-sizing: border-box;
}

.employee__photo {
    height: 384px;
    border-radius: 20px;
    background-size: cover;
    margin-bottom: 20px;
    background-position: center center;
}

.employee__card:hover {
    cursor: pointer;
}

.employee__card:hover .sub-20-text {
    color: var(--lightblue);
}

.employee__title {
    margin-bottom: 20px;
}

.employee__text {
    max-width: 197px;
}

@media (max-width: 1140px) {
    .employee__list .slick-arrow {
        display: none !important;
    }
}

/*** statuses ***/
.statuses {
    overflow-x: hidden;
}

/*** choosing programm ***/
.choosing__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.choosing__list a {
    width: calc((100% - 60px) / 4);
    min-height: 131px;
    padding: 20px;
    box-sizing: border-box;
    display: block;
    background-color: var(--white);
    font-family: Manrope;
    font-size: 24px;
    font-weight: 600;
    line-height: 28.8px;
    color: var(--darkgrey);
}

.turquoise-gradient {
    background: linear-gradient(131deg, rgba(211,252,255,1) 0%, rgba(221,253,255,1) 18%, rgba(255,255,255,1) 83%, rgba(255,255,255,1) 100%);
}

.orange-gradient {
    background: linear-gradient(131deg, rgba(255,237,211,1) 0%, rgba(255,237,211,1) 18%, rgba(255,255,255,1) 83%, rgba(255,255,255,1) 100%);
}

.pink-gradient {
    background: linear-gradient(131deg, rgba(255,224,239,1) 0%, rgba(255,224,239,1) 18%, rgba(255,255,255,1) 83%, rgba(255,255,255,1) 100%);
}

.green-gradient {
    background: linear-gradient(131deg, rgba(238,255,211,1) 0%, rgba(238,255,211,1) 18%, rgba(255,255,255,1) 83%, rgba(255,255,255,1) 100%);
}

.azure-gradient {
    background: linear-gradient(131deg, #46BAFD80 0%, #46BAFD30 12%, #FFFFFF 73%, #FFFFFF 100%);
}

.terracotta-gradient {
    background: linear-gradient(131deg, #DC6F5A80 0%, #DC6F5A30 12%, #FFFFFF 73%, #FFFFFF 100%);
}

.ochre-gradient {
    background: linear-gradient(131deg, #DF944480 0%, #DF944430 12%, #FFFFFF 73%, #FFFFFF 100%);
}

.lavender-gradient {
    background: linear-gradient(131deg, #9376DE80 0%, #9376DE30 12%, #FFFFFF 73%, #FFFFFF 100%);
}

.olive-gradient {
    background: linear-gradient(131deg, #8BBB4A80 0%, #8BBB4A30 12%, #FFFFFF 73%, #FFFFFF 100%);
}

.darkblue-gradient {
    background: linear-gradient(131deg, #2E58BC80 0%, #2E58BC30 12%, #FFFFFF 73%, #FFFFFF 100%);
}

.teal-gradient {
    background: linear-gradient(131deg, #33CCCC80 0%, #33CCCC30 12%, #FFFFFF 73%, #FFFFFF 100%);
}

.violet-gradient {
    background: linear-gradient(131deg, #CC65C480 0%, #CC65C430 12%, #FFFFFF 73%, #FFFFFF 100%);
}

.sun-gradient {
    background: linear-gradient(287.42deg, #FBCB1F 27.29%, #FFEFA1 100%);
}

@media (max-width: 991px) {
    .choosing__list a {
        width: calc((100% - 20px) / 2);
    }
}

@media (max-width: 600px) {
    .choosing__list a {
        width: 100%;
    }
}

/*** fix-block stretch-text ***/
.fix-stretch {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 50px;
}

.fix-stretch.accordion-combo {
    gap: 140px;
}

.accordion-combo .accordion__container ul {
    width: 100%;
}

.stretch-block {
    width: calc(100% - 390px);
}

.gradient-combo {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 340px;
    background: #0B7CAD linear-gradient(287.42deg, rgba(255, 255, 255, 0) 27.29%, rgba(240, 252, 255, 0.69) 100%);
}

.gradient-combo__content {
    padding: 30px;
}

.gradient-combo__title {
    color: var(--white);
    margin-bottom: 20px;
}

.gradient-combo__desc {
    color: var(--white);
    margin-bottom: 30px;
}

.gradient-combo .about__link {
    color: var(--white);
}

.gradient-combo .about__link:hover {
    color: rgba(256,256,256, 0.8);
}

.gradient-combo .about__link:hover svg path {
    stroke: rgba(256,256,256, 0.8);
}

@media (max-width: 991px) {
    .stretch-block-section .big-grey-text {
        font-size: 12px;
        line-height: 19.6px;
    }

    .stretch-block {
        width: 100%;
    }

    .fix-stretch {
        flex-direction: column;
        gap: 60px;
    }

    .gradient-combo {
        flex-direction: row-reverse;
        justify-content: space-between;
        width: 100%;
    }

    .gradient-combo img {
        width: 42.8%;
    }

    .fix-stretch.accordion-combo {
        gap: 40px;
    }

    .gradient-combo__content {
        width: 57.2%;
    }
}

@media (max-width: 690px) {
    .fix-stretch {
        flex-direction: column;
        gap: 60px;
    }

    .gradient-combo__desc {
        margin-bottom: 15px;
    }
}

@media (max-width: 600px) {
    .gradient-combo {
        flex-direction: column;
    }

    .gradient-combo img {
        width: 100%;
    }

    .gradient-combo__content {
        width: 100%;
    }
}


/*** video and text ***/
.video-and-text {
    display: flex;
    justify-content: space-between;
    column-gap: 70px;
}

.video-and-text.reverse {
    flex-direction: row-reverse;
}

.image-box {
    min-height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    width: 50%;
    background: rgba(0, 0, 0, .2);
    background-position: center center;
    background-size: 700px;
}
.video-and-text .image-box {
    align-items: unset;
}

.image-box img {
    width: 100%;
    object-fit: cover;
}

.image-box video {
    object-fit: cover;
}

.text-box {
    width: 50%;
    padding-right: 100px;
    box-sizing: border-box;
}

@media (max-width: 1170px) {
    .video-and-text {
        flex-direction: column;
    }

    .video-and-text.reverse {
        flex-direction: column;
    }

    .image-box {
        min-height: 400px;
        width: 100%;
    }

    .text-box {
        width: 100%;
        margin-top: 40px;
        padding-right: 0;
    }
}

@media (max-width: 600px) {
    .image-box {
        min-height: 216px;
    }
}


/*** statuses ***/
.statuses {
    position: relative;
    z-index: 10;
    overflow-x: hidden;
}

.statuses .slick-list, .trust .slick-list {
    margin: 0 -10px;
}

@media (min-width: 1281px) {
    .statuses .slick-prev, .trust .slick-prev, .employee__list .slick-prev {
        left: -50px;
    }

    .statuses .slick-next, .trust .slick-next, .employee__list .slick-next {
        right: -50px;
    }
}

.tiny-card, .trust-card {
    position: relative;
    padding: 0 10px;
    height: 80px;
    box-sizing: content-box;
    cursor: pointer;
}

.tiny-card__img {
    border-radius: 20px;
    background-color: var(--white);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    filter: grayscale(1);
    opacity: 0.6;
}

.tiny-card__img img {
    display: block;
    max-width: 128px;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.tiny-card:hover .tiny-card__img, .trust-card:hover .tiny-card__img {
    filter: grayscale(0%);
    opacity: 1;
}

.detail-tip {
    position: absolute;
    top: 114px;
    left: 20px;
    width: 282px;
    padding: 10px 30px;
    box-sizing: border-box;
    background-color: var(--white);
    border-radius: 10px;
}

.detail-tip__title {
    position: relative;
    padding-bottom: 10px;
    text-align: center;
}

.detail-tip__title::after {
    content: '';
    position: absolute;
    left: 20%;
    bottom: 0;
    width: 60%;
    height: 1px;
    background-color: var(--grey-60);
}

.detail-tip__desc {
    text-align: center;
    margin-top: 10px;
    line-height: 16.8px;
}

.detail-tip__btn {
    width: fit-content;
    display: block;
    margin: 20px auto 0;
    font-size: 12px;
    padding: 9px 20px;
}

@media (max-width: 1170px) {
    .statuses .slick-arrow,
    .trust .slick-arrow,
    .team .slick-arrow,
    .articles__bunch .slick-arrow {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .detail-tip__btn {
        display: none;
    }
}

/*** banner ***/
.banner {
    background-color: var(--greybackground);
    padding-top: 74px;
}

.project-page .banner-slider {
    height: 500px;
}

.banner-slider {
    height: inherit;
}

.tariff-1C-page .slider__top {
    min-height: 300px;
}

.banner-slider__img {
    background-size: cover;
    background-position: right center;
}

.banner-slider > li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.project-page .banner-slider > li {
    height: inherit;
    justify-content: flex-end;
    background-position-x: center;
}

@media (max-width: 991px) {
    .project-page .banner-slider > li {
        background-size: 280%;
        background-position-x: center;
    }
}

.event-page .banner-slider > div {
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-slider .slick-slide {
    border-radius: 20px;
    height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-slider .slider-form {
    position: relative;
    bottom: 0;
    left: 0;
}

.slider-section .slider-form, .service-page .slider-form, .tariffs-page .slider-form {
    left: 0px;
}

.banner__wrap {
    display: flex;
}

.banner__left {
    min-width: 540px;
}

.banner__title {
    margin-bottom: 30px;
}

.banner__img-wrap {
    display: flex;
    align-items: flex-end;
}

.banner__img {
    width: 100%;
    display: block;
}

.banner__text {
    max-width: 520px;
    font-family: Manrope;
    font-size: 24px;
    font-weight: 600;
    line-height: 33.6px;
    color: #79848F;
    margin-bottom: 80px;
}

@media (max-width: 1200px) {
    .banner__wrap {
        flex-direction: column;
    }

    .banner__text {
        margin-bottom: 0;
    }

    .banner__title {
        margin-bottom: 30px;
    }
}

@media (max-width: 991px) {
    .project-page .banner-slider {
        height: 549px;
    }
}

@media (max-width: 768px) {
    .project-page .banner-slider {
        height: 570px;
    }
}

@media (max-width: 600px) {
    .banner__left {
        min-width: unset;
    }

    .banner__title {
        font-size: 32px;
    }

    .banner__text {
        font-size: 16px;
        line-height: 22.4px;
        margin-bottom: 60px;
    }

    .banner-slider {
        margin: 0 calc(-1 * var(--container-padding)) 0;
    }

    .banner-slider .slick-slide {
        height: auto;
        background-size: auto 300px;
        background-position: top right;
        position: relative;
    }

    .banner-slider .slick-slide:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 98%;
        background: rgba(233, 233, 233, 0.8);
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        /* opacity: 0.5; */
    }

    .banner-slider .slider-form {
        left: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .banner__img {
        transform: scale(1.1);
        transform-origin: center bottom;
    }

    .banner-slider::before {
        content: '';
        position: absolute;
        inset: 0;
        background-color: rgba(255, 255, 255, .5);
    }

    .slider__top {
        position: relative;
        z-index: 1;
    }
}

/*** advantage ***/
.advantage {
    flex-shrink: 0;
    display: flex;
    list-style: none;
    gap: 18px;
    position: relative;
    z-index: 8;
    box-sizing: border-box;
}

.home .advantage {
    top: -67px;
}

.advantage__item {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 100%;
    min-height: 140px;
    padding: 30px;
    border-radius: 20px;
    background-color: var(--white);
}

.advantage__number {
    margin-bottom: 8px;
}

.advantage__text {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
    color: var(--middlegrey);
}

@media (max-width: 1440px) {
    .advantage.wrap {
        width: auto;
    }
    .advantage.wrap {
        width: auto;
    }
}

@media (max-width: 1170px) {
    .advantage__scroll {
        display: flex;
        overflow: hidden;
    }

    .advantage {
        display: flex;
        flex-wrap: nowrap;
        justify-content: start;
        overflow-x: scroll;
        scrollbar-width: none;
    }

    .advantage__item {
        width: 223px;
        min-width: 223px;
        flex-basis: 223px;
    }
}

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

@media (max-width: 768px) {
    .advantage__item {
        width: 140px;
        min-width: 140px;
        flex-basis: 140px;
        padding: 20px;
    }

    .advantage__text {
        font-size: 12px;
        line-height: 14.4px;
    }
}

@media (max-width: 768px) {
    .advantage.wrap {
        padding-left: 20px;
    }
}

/*** slider ***/
/** on software-products page **/
.slider-sidebar-section .banner-slider {
    height: 564px;
}

.slider-sidebar-section .banner-slider > li {
    height: 100%;
}

.slider-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 20px;
}

.banner-slider {
    position: relative;
}

.slider-wrap li {
    background-repeat: no-repeat;
    background-size: cover;
}

.slider__btn-box {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 10px;
    display: flex;
    gap: 10px;
}

.slider__btn-box {
    display: flex;
    justify-content: space-between;
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 138px;
}

.slider__btn.slick-arrow {
    position: static;
    transform: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    cursor: pointer;
    background-color: var(--darkgrey);
    border-radius: 10px;
}

.slider__btn.slick-arrow::before,
.slider__btn.slick-arrow::after {
    content: none;
}

.slider__btn:hover svg path {
    stroke: var(--lightblue);
}

.slider__title {
    padding: 30px 40px 15px 40px;
    max-width: 580px;
    font-family: Manrope;
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    color: var(--darkgrey);
}

.slider__text {
    padding: 5px 40px 30px 40px;
    max-width: 580px;
    font-family: Manrope;
    font-size: 24px;
    font-weight: 600;
    line-height: 33.6px;
    color: var(--dategrey);
}

.slider-form {
    width: 548px;
    border-radius: 20px;
    padding: 36px;
    box-sizing: border-box;
    background-color: var(--white);
}

.project-page .slider-form {
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.slider-form .h4 {
    margin-top: 28px;
    margin-bottom: 28px;
}

.promotion__inner .slider-form .checkbox__wrap {
    margin-bottom: 32px;
}

.slider-form__title {
    font-family: Manrope;font-size: 28px;
    font-weight: 600;line-height: 28px;
    color: var(--darkgrey);
    margin-bottom: 40px;
}

.slider-form__input {
    background-color: var(--gentlegrey);
}

.slider-form__input:focus-visible {
    border: none;
    outline: none;
}

.slider-form__footer {
    display: flex;
    justify-content: space-between;
}

.slider .slider-form__footer {
    padding-top: 5px;
}

.slider-form__footer label {
    font-family: Manrope;
    font-size: 12px;font-weight: 500;
    line-height: 16.8px;
    color: var(--middlegrey);
}

.slider-form__footer p {
    color: var(--middlegrey);
}

.prog-product-page .banner-slider {
    border-radius: 20px;
}

.excellence-list {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 340px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.excellence-list li {
    display: grid;
    gap: 12px;
    padding: 20px 10px 20px 30px;
    box-sizing: border-box;
    flex-grow: 1;
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    color: var(--darkgrey);
    background-color: var(--white);
}

@media (max-width: 1200px) {
    .slider-sidebar-section .banner-slider {
        height: auto;
    }
}

@media (max-width: 1170px) {
    .prog-product-page .banner-slider {
        border-radius: 0;
    }

    .prog-product-page .banner-slider > li {
        border-radius: 20px;
    }

    .slider-sidebar-section .slider-form {
        width: 50%;
    }

    .excellence-list {
        position: relative;
        margin-top: 20px;
        width: 100%;
        flex-direction: row;
        gap: 20px;
    }

    .slider__title {
        font-size: 32px;
        line-height: 32px;
    }
}
@media (max-width: 1170px) {
    .excellence-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .excellence-list li {
        padding: 20px 24px 40px 20px;
        border-radius: 20px;
    }
}

@media (max-width: 991px) {
    .slider-sidebar-section .slider-form {
        width: 70%;
    }
}

@media (max-width: 768px) {
    .project-page .slider-form {
        border-top-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .slider-form__title {
        font-size: 24px;
        line-height: 24px;
    }

    .slider__title {
        padding: 30px 30px 15px 36px;
        max-width: unset;
        font-size: 28px;
        line-height: 28px;
    }

    .slider__text {
        padding: 15px 30px 40px 30px;
        max-width: unset;
        font-size: 16px;
        line-height: 22.4px;
    }

    .slider__btn-box {
        display: none;
    }

    .slider-form__footer {
        flex-direction: column;
    }

    .slider-form .checkbox__wrap {
        margin-bottom: 20px;
    }
}

@media (max-width: 600px) {
    .excellence-list {
        grid-template-columns: 1fr;
    }

    .slider-form {
        width: 100%;
        padding: 30px;
    }

    .slider__title {
        padding: 30px 30px 15px 30px;
    }

    .slider-sidebar-section .slider-form {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .excellence-list {
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
}


/**** software products ****/
.products-cards__header {
    display: flex;
    justify-content: flex-end;
    padding: 40px 0 0;
}

.products-cards__header .share {
    margin-bottom: 20px;
    z-index: 1;
}

.products-cards__axis {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 0;
}

.products-cards-grid {
    width: calc(100% - 360px);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 20px;
}

.product-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 250px;
    padding: 20px;
    box-sizing: border-box;
    background-color: var(--white);
}

.products-cards__filter {
    min-width: 340px;
}

.products-cards__filter-overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    background-color: #000;
    z-index: 0;
}

.products-cards__filter-list {
    position: relative;
    display: grid;
    gap: 60px;
    padding: 30px;
    background-color: var(--white);
    z-index: 1;
}

.products-cards__filter-list li nav {
    display: none;
    position: relative;
}

.products-cards__filter-title {
    margin-bottom: 22px;
    white-space: nowrap;
    cursor: pointer;
}

.products-cards__filter-title.open + nav {
    display: block;
}

.products-cards__filter-title.open svg {
    transform: rotate(180deg);
}

.products-cards__filter-title svg {
    margin-left: 12px;
}

.products-cards__filter-list a {
    display: block;
    color: var(--middlegrey);
    border-radius: 4px;
    padding: 3px 22px 4px 30px;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.products-cards__filter-list a.active,
.products-cards__filter-list a:hover {
    color: var(--lightblue);
    background-color: #dcf0fe;
}

.products-cards__filter-list a.active {
    pointer-events: none;
}

.product-card__title {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    color: var(--darkgrey);
    margin-bottom: 16px;
}

.product-card__desc {
    color: var(--middlegrey);
}

.product-card__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 1170px) {
    .products-cards-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr);
    }
    .products-cards__header .filters-mob {
        display: none;
    }
}

@media (max-width: 991px) {
    .products-cards__filter-overlay {
        display: block;
    }

    .products-cards__axis {
        position: relative;
    }

    .products-cards__header {
        justify-content: space-between;
        text-align: center;
    }

    .products-cards__filter {
        min-width: calc(50% - 10px);
        position: absolute;
        left: 0;
        top: -43px;
    }

    .products-cards__filter:not(.is-opened) {
        display: none;
    }

    .products-cards__header .filters-mob {
        display: flex;
        margin-top: 0;
    }

    .products-cards-grid {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .products-cards__axis {
        padding-bottom: 80px;
    }

    .products-cards__header {
        padding-bottom: 20px;
    }
}

@media (max-width: 600px) {
    .products-cards__filter {
        width: 100%;
    }

    .products-cards-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
}

/*** products ***/
.products-head {
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--lightgrey);
    margin-bottom: 30px;
}

.programm-list__wrap {
    position: relative;
    display: flex;
    overflow: hidden;
}

.programm-list {
    position: relative;
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
    justify-content: start;
}

.programm-list li {
    user-select: none;
}

.programm-list__link {
    display: inline-block;
    min-height: 100%;
    background-color: var(--white);
    border-radius: 10px;
    padding: 11px 14px 11px 12px;
    box-sizing: border-box;
    cursor: pointer;
    user-select: none;
    color: var(--darkgrey);
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}


.programm-list__title {
    text-wrap: nowrap;
    font-family: Manrope;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
    margin-bottom: 5px;
}

.programm-list__link:hover {
    color: var(--white);
    background-color: var(--lightblue);
}

.programm-list__link:hover .programm-list__cost {
    color: rgba(256, 256, 256, .8);
}

.programm-list__cost {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
    color: #79848F;
    transition:  color 0.3s ease-in-out;
}

.is-draging .programm-list__link {
    pointer-events: none;
}

.products-types {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 200px 200px;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-template-areas:
    "tp op pc"
    "tp op cn";
}

.links-box {
    padding: 20px 30px 30px;
    box-sizing: border-box;
    border-radius: 20px;
}

.links-box .medium-title {
    margin-bottom: 40px;
}

.typical-products {
    grid-area: tp;
    background-color: var(--turquoise);
}

.industry-products {
    grid-area: op;
    background-color: var(--purple);
}

.cloud-products {
    grid-area: pc;
    background-color: var(--khaki);
}

.connect {
    grid-area: cn;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--white);
}

.connect .medium-title {
    color: var(--darkgrey);
}

.links-box__item {
    display: block;
    margin-bottom: 10px;
    font-family: Manrope;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
    color:rgba(255, 255, 255, 0.8);
    text-decoration: none;
    max-width: 241px;
    text-decoration: underline;
}

.links-box__item:hover {
    color: rgba(255, 255, 255, 1);
}

.links-box__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.links-box__footer p {
    max-width: 218px;
}

@media (max-width: 1440px) {
    .products-types {
        grid-template-rows: auto auto;
    }

    .links-box__footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .links-box__footer p {
        max-width: 100%;
        margin-bottom: 12px;
    }
}

@media (max-width: 1170px) {
    .products-head {
        border-bottom: none;
    }

    .products-types {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
        "tp op"
        "pc cn";
    }

    .medium-title {
        font-size: 24px;
        margin-bottom: 30px;
    }
}

@media (max-width: 600px) {
    .products-head {
        padding-bottom: 54px;
    }

    .products-head .title-wrap {
        margin-bottom: 10px;
    }

    .products-head .about__link {
        bottom: 10px;
    }

    .products-types {
        grid-template-columns: 1fr;
        grid-template-areas:
        "tp"
        "op"
        "pc"
        "cn";
    }

}

/*** maintenance ***/
.maintenance-body {
    border-top: 1px solid var(--lightgrey);
    border-bottom: 1px solid var(--lightgrey);
    padding: 40px 0 49px;
}

.maintenance-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    column-gap: 40px;
}

.maintenance-title {
    margin-bottom: 30px;
    font-family: Manrope;
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    color: var(--darkgrey);
}
.maintenance-text {
    max-width: 513px;
    font-family: Manrope;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    color: var(--middlegrey);
}

.maintenance-footer {
    position: relative;
    z-index: 15;
    padding-top: 40px;
}

.maintenance-footer:not(:last-child) {
    margin-bottom: 80px;
}

.maintenance-list__title {
    margin-bottom: 15px;
    font-family: Manrope;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    color: var(--darkgrey);
}
.maintenance-list__item {
    position: relative;
    padding-left: 16px;
    margin-bottom: 6px;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 500;
    line-height: 22.4px;
    color: var(--middlegrey);
}

.maintenance-list__item::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    left: 3px;
    top: calc(50% - 2px);
    background-color: var(--middlegrey);
}

.tariffs {
    position: relative;
    z-index: 12;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.tariffs__card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 131px;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 20px;
    cursor: pointer;
    background-color: var(--white);
}

.tariffs__card-header {
    margin-bottom: 10px;
}

.tariffs__card-hover {
    position: absolute;
    min-height: 131px;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    background: inherit;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
}

.tariffs__card.standart {
    background: linear-gradient(90deg, rgba(234,254,255,1) 0%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 100%);
}

.tariffs__card.start {
    background: linear-gradient(90deg, rgba(255,246,233,1) 0%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 100%);
}

.tariffs__card.comfort {
    background: linear-gradient(90deg, rgba(255,239,246,1) 0%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 100%);
}

.tariffs__card.optimum {
    background: linear-gradient(90deg, rgba(247,255,233,1) 0%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 100%);
}

.tariffs__title {
    display: flex;
    font-family: Manrope;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    color: var(--darkgrey);
    margin-bottom: 12px;
}

.tariffs__text {
    font-family: Manrope;
    font-size: 12px;
    font-weight: 700;
    line-height: 14.4px;
    color: var(--middlegrey);
    margin-bottom: 30px;
}

.tariffs__tag {
    color: var(--white);
    height: 25px;
    box-sizing: border-box;
    padding: 5px 10px 4px;
    border-radius: 50px;
    font-family: Manrope;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    text-align: center;
    margin-left: 10px;
}

.support-rates-section .tariffs__tag {
    display: inline-block;
}

.tariffs__cost {
    font-family: Manrope;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: var(--darkgrey);
    transition: opacity 0.3s ease-in-out 0.15s;
}

.tariffs__list {
    opacity: 0;
    height: 20px;
}

.support-rates__features:is(ul) li,
.tariffs__list:is(ul) li {
    padding-left: 20px;
}

.support-rates__features:is(ul) li,
.tariffs__list:is(ul) li {
    position: relative;
}

.support-rates__features:is(ul) li:before,
.tariffs__list:is(ul) li:before {
    content: '•';
    position: absolute;
    top: 0;
    left: 5px;
}

.support-rates__features li,
.tariffs__list li {
    font-family: Manrope;
    font-size: 12px;
    font-weight: 500;
    line-height: 16.8px;
    color: var(--middlegrey);
}

.tariffs__card .tariffs__list {
    margin-bottom: 20px;
}

.tariffs__card:hover {
    z-index: 1;
}

.tariffs__card:hover .tariffs__list {
    display: block;
    height: auto;
    opacity: 1;
}

.start .tariffs__tag {
    background-color: var(--orange);
}

.comfort .tariffs__tag {
    background-color: var(--pink);
}

.optimum .tariffs__tag {
    background-color: var(--khaki);
}

.ultra .tariffs__tag {
    background-color: var(--purple);
}

@media (max-width: 1200px) {
    .maintenance-footer {
        max-height: unset;
    }
    .tariffs {
        grid-template-columns: repeat(2, 1fr);
        max-height: unset;
    }
}

@media (max-width: 768px) {
    .maintenance-box {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        row-gap: 60px;
    }

    .maintenance-title {
        font-size: 24px;
        line-height: 24px;
    }
    .maintenance-text {
        max-width: unset;
        font-size: 16px;
        line-height: 16px;
    }
}

@media (max-width: 600px) {
    .tariffs {
        grid-template-columns: 1fr;
    }
}

/*** automatisation ***/
.automation {
    position: relative;
    z-index: 10;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--lightgrey);
    margin-bottom: 40px;
}
.automation__direction {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.erp {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #0B5CAD linear-gradient(287.42deg, rgba(226, 250, 255, 0) 27.29%, rgba(0, 194, 255, 0.69) 100%);
    border-radius: 20px;
    padding: 20px;
}

.erp__img {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 50%;
    height: auto;
}

.automation__title {
    font-family: Manrope;
    font-size: 32px;
    font-weight: 600;
    line-height: 32px;
    color: var(--white);
    max-width: 331px;
}
.automation__list {
    max-width: 287px;
}

.automation__text {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    color: var(--white);
    margin-bottom: 15px;
}

.automation__types {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 10px;
}

.automation__item {
    height: 124px;
    padding: 20px 40px 20px 20px;
    box-sizing: border-box;
    background-color: var(--white);
    border-radius: 20px;
    font-family: Manrope;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    color: var(--darkgrey);
}

.automation__item:hover {
    background: #0B5CAD linear-gradient(287.42deg, rgba(226, 250, 255, 0) 27.29%, rgba(0, 194, 255, 0.69) 100%);
    color: var(--white);
    cursor: pointer;
}

@media (max-width: 1170px) {
    .automation__direction {
        grid-template-columns:  1fr;
        grid-template-rows: 412px auto;
    }
}

@media (max-width: 600px) {
    .erp {
        background-image: none;
    }
    .erp__img {
        display: none;
    }
    .automation__direction {
        grid-template-rows: 324px auto;
    }
    .automation__title {
        font-size: 28px;
        line-height: 28px;
        max-width: unset;
    }
    .automation__text {
        font-size: 16px;
        line-height: 16px;
    }
    .automation__types {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, 1fr);
    }
}

/*** services ***/
.services__list {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.bonuses .services__list {
    display: flex;
}

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

@media (min-width: 1201px) {
    .services__item:nth-child(7n + 1),
    .services__item:nth-child(7n + 2),
    .services__item:nth-child(7n + 3) {
        grid-column: span 4;
    }

    .services__item:nth-child(7n + 4),
    .services__item:nth-child(7n + 5),
    .services__item:nth-child(7n + 6),
    .services__item:nth-child(7n + 7) {
        grid-column: span 3;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .services__list {
        grid-template-columns: repeat(6, 1fr);
    }

    .services__item:nth-child(7n + 1),
    .services__item:nth-child(7n + 2),
    .services__item:nth-child(7n + 3),
    .services__item:nth-child(7n + 4) {
        grid-column: span 3;
    }

    .services__item:nth-child(7n + 5),
    .services__item:nth-child(7n + 6),
    .services__item:nth-child(7n + 7) {
        grid-column: span 2;
    }
}

@media (min-width: 601px) and (max-width: 991px) {
    .services__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .services__item:nth-child(7n + 5),
    .services__item:nth-child(7n + 6),
    .services__item:nth-child(7n + 7) {
        grid-column: span 2;
    }
}

@media (max-width: 600px) {
    .services__list {
        grid-template-columns: 1fr;
    }
}

.services__item {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    height: 160px;
    padding: 20px;
    box-sizing: border-box;
    background: var(--white);
    border-radius: 20px;
    background-repeat: no-repeat;
}

.industry__item {
    position: relative;
    background: var(--white);
    border-radius: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.industry__motion-hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: inherit;
    border-radius: inherit;
    z-index: 1;
    transition: opacity 0.3s ease-in-out;
    background: #520BAD linear-gradient(90deg, rgba(226,250,255, .2) 0%, rgba(215,187,252, .2) 69%, #520BAD 100%);
    color: var(--white);
    opacity: 0;
    pointer-events: none;
}

.industry__item:hover .industry__motion-hover {
    opacity: 1;
    pointer-events: all;
}

.industry__item:hover .services__link svg {
    transform: rotate(90deg);
}

.services__item > svg, .industry__item > svg {
    margin-bottom: 12px;
}

.services__item p, .industry__item p {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    color: var(--darkgrey);
}

.industry__item p {
    margin-bottom: 30px;
    min-height: 40px;
}

.services__item .services__link {
    margin-top: auto;
}

.services__item:hover {
    background: linear-gradient(287deg, rgba(226, 250, 255, 0.00) 27.29%, rgba(215, 187, 252, 0.69) 100%), #520BAD;
}

.services__item:hover p, .industry__item:hover p {
    color: var(--white);
}

.services__item:hover svg path, .services__item:hover svg circle, .industry__item:hover svg path, .industry__item:hover svg circle {
    stroke: var(--white);
}

.services__link {
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 10px;
    left: 10px;
    width: fit-content;
}

.services__link svg{
    transition: transform 0.3s ease-in-out;
}

.industry__motion {
    height: 100%;
}

.industry__inner {
    display: flex;
    flex-direction: column;
    width: inherit;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: inherit;
    border-radius: inherit;
}

.industry__inner > svg {
    margin-bottom: 10px;
    flex-shrink: 0;
}

.industry__expand {
    margin-top: 40px;
}

.industry__expand > div {
    margin-bottom: 16px;
}

.industry__expand a, .industry__expand span {
    color: var(--white);
}

.industry__expand a {
    text-decoration: underline;
    margin-right: 12px;
    transition: color .3s;
}

.industry__expand a:hover {
    color: #FFFFFF95;
}

@media (max-width: 1200px) {
    .industry__item p {
        min-height: 60px;
    }
}

@media (max-width: 991px) {
    .bonuses .services__list {
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .services__item {
        flex-direction: row;
        align-items: center;
        column-gap: 12px;
        height: auto;
        min-height: 84px;
    }

    .services__item div {
        margin-bottom: 0;
    }

    .services__link {
        display: none;
    }

    .services__item > svg, .industry__item > svg {
        margin-bottom: 0;
    }

    .industry__item,
    .industry__item p {
        min-height: unset;
    }

    .industry__item p {
        margin: 0;
    }

    .industry__inner {
        display: flex;
        gap: 12px;
    }
}

/*** about ***/
.classes {
    margin-block: 80px;
}

.about .wrap {
    overflow: hidden;
}

.about__picture {
    border-radius: 20px;
}

.tabs {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    column-gap: 4px;
    row-gap: 10px;
    background-color: var(--white);
    border-radius: 50px;
    padding: 6px;
}

.tab__item {
    display: inline-block;
    border-radius: 50px;
    background-color: var(--gentlegrey);
    font-family: Manrope;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
    color: var(--grey-60);
    padding: 5px 16px;
}

.tab__item.current, .tab__item:hover {
    background-color: var(--lightblue);
    color: var(--white);
}

.about__box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 130px;
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 30px;
    background-color: var(--white);
}

.about__left {
    width: 450px;
    flex-shrink: 0;
}

.about__left-player {
    position: relative;
    aspect-ratio: 1/1.169;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
}

.about__left-player:hover .about__left-poster::before {
    opacity: 0.25;
}

.about__left-player:hover .about__left-poster::after {
    scale: 1.2;
}

.about__left-player.is-played .about__left-img {
    opacity: 0;
}

.about__left-player.is-played.is-paused .about__left-poster {
    opacity: 0;
}

.about__left-video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about__left-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: opacity 0.3s ease-in-out;
}

.about__left-poster {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: opacity 0.3s ease-in-out;
}

.about__left-poster::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    background: black;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.about__left-poster::after {
    content: '';
    bottom: 20px;
    left: 20px;
    width: 34px;
    height: 48px;
    background: url(/local/templates/main/css/../img/icons/play.svg) no-repeat center center;
    z-index: 3;
    transition: scale 0.3s ease-in-out;
}

.about__appeal {
    position: relative;
    max-width: 340px;
    font-family: Manrope;
    font-size: 20px;font-weight: 500;line-height: 28px;
    color: var(--white);
    z-index: 3;
}

.about__right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 50px 90px 50px 10px;
}

.about__right .about__link {
    padding-top: 10px;
}

.about__left-box {
    max-width: 700px;
}

.about .about__left-box {
    max-height: 378px;
    overflow: hidden auto;
    padding-right: 16px;
}

.about__left-box.hidden {
    display: none;
}

.about__title {
    font-family: Manrope;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    color: var(--darkgrey);
    margin-bottom: 40px;
}

.about__text {
    font-family: Manrope;
    font-size: 16px;
    font-weight: 500;
    line-height: 22.4px;
    color: var(--middlegrey);
}

.about__list-wrap {
    display: flex;
    overflow: hidden;
}

.about__list {
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
}

.about__list li {
    padding-left: 75px;
    border-left: 1px solid #E5E5E5;
}

@media (max-width: 1100px) {
    .about__list li {
        padding-left: 45px;

    }
}

.about__list li:first-child {
    padding-left: 0;
    border-left: none;
}

.about__list li > div {
    padding: 0;
    width: 188px;
}

.about__list .blue-text {
    margin-bottom: 16px;
}

.about__feature {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
    color: var(--middlegrey);
}

@media (max-width: 1440px) {
    .about__box {
        gap: max(30px, 5vw);
    }

    .about__list {
        gap: 45px;
    }


    .about__list li > div {
        max-width: unset;
        min-width: 100px;
        width: 100%;
    }

    .about__list li > div .blue-text {
        text-wrap: nowrap;
    }
}

@media (max-width: 1170px) {
    .about .about__left-box {
        max-height: 33.5vw;
        padding-right: 0;
    }

    .about__right {
        padding: 10px 10px 20px 10px;
        gap: 32px;
    }

    .about__appeal {
        font-size: 14px;
    }

    .about__title {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 32px;
    }

    .about__text {
        font-size: 14px;
        line-height: 1.25;
    }

    .classes {
        margin-block: 60px 40px;
    }
}

@media (max-width: 991px) {
    .about__left {
        width: 43%;
    }

    .about__list {
        justify-content: flex-start;
        margin-inline: calc(-1 * var(--container-padding));
        padding-inline: var(--container-padding);
    }

    .about__box {
        gap: 40px;
    }

    .about__text {
        font-size: 14px;
        line-height: 19.6px;
    }

    .about .title-wrap {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 30px;
    }
}

@media (max-width: 768px) {
    .about__list {
        gap: 0px;
    }

    .about__left-box {
        max-height: unset;
    }

    .tafiffs-comparison-page .about__left-box {
        max-height: unset;
    }

    .about__appeal {
        font-size: 16px;
    }
    .about__title {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 30px;
    }
    .tabs {
        border-radius: 20px;
    }
    .about__right {
        padding: 10px;
    }

    .about__list li {
        padding-left: 16px;
        padding-right: 16px;
    }

    .about__list li > div {
        width: unset;
    }

    .about__feature {
        min-width: 57px;
    }
}

@media (max-width: 600px) {
    .about__left {
        width: 100%;
    }

    .about .about__left-box {
        max-height: 98vw;
    }

    .about__right {
        padding: 0 20px 30px;
    }

    .about__box {
        flex-direction: column;
        margin-inline: calc(-1 * var(--container-padding));
    }

    .about__text {
        font-size: 16px;
        line-height: 22.4px;
    }

    .classes {
        margin-block: 40px;
    }
}

/*** portfolio ***/
.portfolio {
    position: relative;
}

.portfolio-grid {
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.portfolio-grid .bold-link {
    white-space: nowrap;
}

.figure-large {
    width: calc((100% - 40px) / 2);
    min-height: 480px;
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    background-color: var(--white);
}

.blogs .figure-large {
    width: 100%;
}

.figure-large__description {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
    padding: 30px;
    box-sizing: border-box;
}

.figure__badge {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
}

.figure-large__title {
    font-family: Manrope;
    font-size: 26px;
    font-weight: 600;
    line-height: 26px;
    color: var(--darkgrey);
    margin-top: 20px;
    word-break: break-all;
}

.figure-large__title:hover {
    color: var(--lightblue);
}

.figure-large__img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    object-fit: cover;
    object-position: center;
    width: 50%;
}

.figure-large__footer {
    position: relative;
}

.figure-large__footer .grey-text {
    padding-bottom: 0;
    transition: padding-bottom 0.4s;
}

@media (max-width: 600px) {
    .figure-large {
        flex-direction: column-reverse;
    }

    .figure-large__img {
        width: 100%;
        aspect-ratio: 1/0.63;
        border-radius: inherit;
    }
}

@media (max-width: 500px) {
    .figure-large__footer .grey-text {
        padding-bottom: 32px;
    }
}
.figure-large__footer .figure-small__detail {
    position: absolute;
    bottom: 0;
    left: 0;
    color: var(--darkgrey);
    transition: color .2s;
}

.figure-large:hover .grey-text:has(+ .figure-small__detail) {
    padding-bottom: 32px;
}

.figure-large:hover .figure-large__footer .figure-small__detail {
    display: block;
}

.figure-large:hover .figure-large__footer .figure-small__detail:hover {
    color: var(--lightblue);
}

.figure__tags {
    padding-top: 30px;
}

.figure__tags .tag {
    background-color: var(--gentlegrey);
}

.figure-small {
    width: calc((100% - 40px) / 4);
    height: 480px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: 20px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.figure-small__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: inherit;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
}

.figure-small__info {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 146px;
    padding: 30px;
    box-sizing: border-box;
    font-family: Manrope;
    font-size: 26px;
    font-weight: 600;
    line-height: 28.6px;
    color: var(--darkgrey);
    background-color: var(--white);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    cursor: pointer;
    transition: height 0.9s;
}

@media (max-width: 500px) {
   .figure-small__info {
        height: auto;
        max-height: 100%;
        overflow: auto;
    }
}

.figure-small__text, .figure-small__detail {
    display: none;
}

@media (max-width: 500px) {
    .figure-small__detail {
        display: block;
    }
}

.figure-small__text {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px;
}

.figure-small__detail {
    margin-top: 30px;
}

.figure-small:hover .figure-small__info {
    height: 100%;
}

@media (max-width: 500px) {
    .figure-small:hover .figure-small__info {
        height: 268px;
    }
}

.figure-small:hover .figure-small__text, .figure-small:hover .figure-small__detail {
    display: block;
}

.figure-small__picture {
    height: 200px;
    border-radius: 20px;
    overflow: hidden;
}

.figure-small__picture img, .figure-small__picture video {
    width: 100%;
    height: 200px;
}

.figure-small__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    box-sizing: border-box;
    height: calc(100% - 200px);
    background-color: var(--white);
}

.figure-small__title {
    font-family: Manrope;
    font-size: 26px;
    font-weight: 600;
    line-height: 26px;
    color: var(--darkgrey);
    text-wrap: balance;
    word-wrap: break-word;
}

.figure-small__title:hover {
    color: var(--lightblue);
}

.sber .figure__badge, .bekker .figure__badge {
    position: absolute;
    top: 30px;
    left: 30px;
}

@media (max-width: 1170px) {
    .figure-large {
        width: 100%;
        order: -1;
    }

    .figure-small {
        width: calc((100% - 20px) / 2);
        min-height: 420px;
    }
}

@media (max-width: 1200px) {
    .portfolio-grid {
        margin-bottom: 20px;
    }

    .blog-list-small .figure-small {
        height: auto;
    }
}

@media (max-width: 768px) {
    .portfolio .figure-large img {
        display: none;
    }

    .figure-small {
        height: 420px;
    }
}

@media (max-width: 600px) {
    .figure-small {
        width: 100%;
    }

    .figure-large__description {
        width: 100%;
    }
}

/*** values ***/
.values {
    position: relative;
}

/*** reviews ***/
.reviews {
    position: relative;
}

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

.reviews__wrap .slick-track {
    display: flex;
}

.reviews__slider {
    margin: 0 -10px;
}

.reviews__item {
    min-height: 512px;
    height: auto;
}

.reviews__slider .reviews__item {
    padding: 0 10px;
}

.reviews__bean {
    min-height: 100%;
    background-color: var(--white);
    height: inherit;
    border-radius: 20px;
    padding: 60px 20px;
    box-sizing: border-box;
}

.reviews__bean:hover {
    cursor: pointer;
    box-shadow: 0px 150px 80px -130px #8D8D8D4D;
}

.reviews__frame {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 220px;
    height: 220px;
    clip-path: circle(50%);
    margin: 0 auto 40px;
}

.reviews__item.video .reviews__frame::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000020;
    border-radius: 50%;
}

.reviews__item.video .reviews__frame::after {
    content: "";
    position: absolute;
    top: calc(50% - 19px);
    left: calc(50% - 14px);
    width: 28px;
    height: 38px;
    background: url(/local/templates/main/css/../img/icons/play.svg) no-repeat center center;
    background-size: cover;
}

.reviews__frame img {
    width: 100%;
}

.reviews__title {
    max-width: 320px;
    margin: 0 auto 20px;
    font-family: Manrope;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    color: var(--darkgrey);
}

.reviews__text {
    text-align: center;
    max-height: 98px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-clamp: 5;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.reviews__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    row-gap: 40px;
}

@media (max-width: 1440px) {
    .reviews .reviews__item {
        height: auto;
    }
}

@media (max-width: 1200px) {
    .reviews .reviews__item {
        padding-left: 1vw;
        padding-right: 1vw;
    }

    .reviews__grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 20px;
    }
}

@media (max-width: 1170px) {
    .reviews .reviews__item {
        width: calc((100% / 2));
    }
    .reviews__item:nth-child(3) {
        display: none;
    }
    .reviews__title {
        max-width: unset;
    }
}

@media (max-width: 768px) {
    .reviews .reviews__item {
        width: 100%;
    }
    .reviews__grid {
        grid-template-columns: 1fr;
    }
    .reviews__item {
        width: 100%;
        min-height: unset;
    }
    .reviews__item:nth-child(2) {
        display: none;
    }
}

@media (max-width: 600px) {
    .figure-small__title {
        text-wrap: wrap;
    }

    .reviews__slider {
        margin: 0;
    }
}

/*** trust ***/
section.trust .wrap {
    position: relative;
}

.trust .slick-track,
.status__list .slick-track {
    height: inherit;
}

.trust .slick-list,
.status__list .slick-list {
    overflow: visible;
    height: inherit;
}

.trust .slick-slider:before,
.trust .slick-slider::after,
.status__list.slick-slider:before,
.status__list.slick-slider::after {
    content: '';
    position: absolute;
    top: 0;
    height: 80px;
    width: 100vw;
    background-color: var(--gentlegrey);
    z-index: 1;
}

.trust .slick-slider:before,
.status__list.slick-slider:before  {
    left: 100%;
}

.trust .slick-slider::after,
.status__list.slick-slider::after  {
    right: 100%;
}

.trust .trust-card, .statuses .trust-card {
    height: inherit;
}

.trust .tiny-card__img, .statuses .tiny-card__img {
    height: 80px;
}

.trust .detail-tip, .statuses .detail-tip, .competencies .detail-tip {
    display: none;
    top: 94px;
    left: -41px;
    z-index: 60;
}

.trust .detail-tip::before,
.statuses .detail-tip::before,
.competencies .detail-tip::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    height: 20px;
}

@media (max-width: 450px) {
    .trust .detail-tip, .statuses .detail-tip, .competencies .detail-tip {
        left: -27px;
    }
}

.trust-card.slick-active:hover .detail-tip,
.tiny-card.slick-active:hover .detail-tip {
    display: block;
}

@media (max-width: 450px) {
    .trust-card.slick-current:hover .detail-tip,
    .tiny-card.slick-current:hover .detail-tip {
        display: block;
    }
}

.left-damper {
    display: none;
    position: absolute;
    z-index: 19;
    top: 72px;
    left: -482px;
    background-color: plum;
    width: 500px;
    height: 80px;
}

@media (max-width: 1170px) {
    .left-damper {
        display: none;
    }
}


/*** articles ***/
.articles {
    position: relative;
}

.articles .slick-track {
    display: flex;
}

.articles__bunch {
    margin-inline: -10px;
}

.articles__bunch .slick-slide {
    height: auto;
}

.articles__bunch .secondary-btn:hover, .blog-list-small .secondary-btn:hover {
    background-color: var(--lightblue);
    border-color: var(--lightblue);
    color: var(--white);
}

.articles__bunch .slick-track {
    display: flex;
}

.articles__item {
    min-height: 513px;
    padding: 0 10px;
}

.blog-list .articles__wrap {
    background-color: var(--white);
}

.blog-list .articles__tag {
    background-color: var(--gentlegrey);
}

.blog-list-small .articles__item {
    min-height: 513px;
    padding: 0 10px 0px;
}

.articles__wrap {
    height: 100%;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.articles__desc {
    margin-bottom: 40px;
    max-height: 81px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.articles__image-wrap {
    position: relative;
    height: 200px;
    min-height: 200px;
    border-radius: 20px;
    overflow: hidden;
}

.articles__image {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center;
}

.articles__veil {
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%;
}

.articles__veil button {
    font-size: 14px;
    padding: 13px 33px 14px;
}

.articles__box {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    box-sizing: border-box;
    padding: 20px 36px 20px 20px;
}

@media (max-width: 768px) {
    .slick-slider .articles__box {
        padding: 22px 0 0;
    }
}

.articles__chips {
    margin-top: auto;
}

.articles__info {
    margin-bottom: 14px;
}

.articles__time, .articles__watch {
    font-family: Manrope;
    font-size: 11px;
    font-weight: 500;
    line-height: 13.2px;
    color: var(--middlegrey);
}

.articles__watch {
    position: relative;
    padding-left: 17px;
    margin-left: 20px;
}

.articles__watch::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0px;
    width: 14px;
    height: 12px;
    background: url(/local/templates/main/css/../img/icons/visibility.svg) no-repeat center center;
    background-size: contain;
}

.articles__title {
    min-height: 75px;
    max-height: 75px;
    margin-bottom: 12px;
    font-family: Manrope;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    color: var(--darkgrey);
}

.articles__item:hover .articles__title {
    color: var(--lightblue);
}

.articles__tag {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    width: fit-content;
    padding: 10px 12px;
    font-family: Manrope;
    font-size: 11px;
    font-weight: 700;
    line-height: 13.2px;
    color: var(--darkgrey);
    border-radius: 80px;
    background-color: var(--white);
}

.articles__tag:hover {
    background-color: var(--lightblue);
    color: var(--gentlegrey);
}

.articles .second-title {
    max-width: 715px;
}

.articles .title-wrap {
    align-items: end;
}

/*** events ***/
.events {
    position: relative;
}

.events-list {
    display: flex;
    gap: 20px;
}

.events-list.slick-initialized {
    display: flex;
    gap: 20px;
    margin-inline: -10px;
}

.event-card {
    padding: 0 10px;
    box-sizing: border-box;
}

.event-card__wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 309px;
    padding: 21px 20px 20px;
    box-sizing: border-box;
    background-color: var(--white);
    border-radius: 20px;
    transition: box-shadow 0.3s ease-in-out;
}

.event-card__wrap:hover {
    box-shadow: 0px 80px 90px -80px #00000033;
}

.event-card__wrap:hover .secondary-btn{
    opacity: 1;
    transform: translateY(0%);
}

.event-card__header {
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}

.event-card__header .event-card__name {
    max-width: 150px;
}

.event-card__date {
    margin-bottom: 15px;
}

.event-card__photo-container {
    display: flex;
}

.event-card__photo-box {
    position: relative;
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 12px;
    border: 3px solid var(--gentlegrey);
    background-color: var(--lightgrey);
}

.event-card__photo-box:nth-child(2) {
    left: -27px;
}

.event-card__photo-box:nth-child(3) {
    left: -54px;
}

.event-card__photo-box img {
    width: 100%;
}

.event-card__photo-count {
    position: relative;
    left: -54px;
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    color: var(--darkgrey);
}

.event-card__title {
    height: 102px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-clamp: 5;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-family: Manrope;
    font-size: 18px;
    font-weight: 600;
    line-height: 110%;
    color: var(--darkgrey);
}

.event-card__body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 35px;
    margin-block: 32px;
}

.event-card__cost, .event-card__format {
    display: grid;
    gap: 10px;
    font-family: Manrope;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
}

.event-card__cost dt, .event-card__format dt {
    color: var(--darkgrey);
}

.event-card__cost dd, .event-card__format dd {
    color: var(--middlegrey);
}

.event-card__footer {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

.event-card__footer strong {
    margin-right: 10px;
    font-family: Manrope;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
    color: var(--darkgrey);
}

.event-card__duration {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
    color: var(--dategrey);
    white-space: nowrap;
}

.event-card__footer .secondary-btn {
    padding: 2px 20px;
    font-size: 12px;
    line-height: 14.4px;
    height: 31px;
}

.event-main-box {
    display: flex;
    align-items: flex-start;
    gap: 140px;
}

.event-programm {
    width: 820px;
}

.event-programm .show-more-tags {
    display: none;
}

.event__brief-desc li {
    position: relative;
    padding-left: 20px;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 500;
    line-height: 22.4px;
    color: var(--middlegrey);
}

.event__brief-desc li::before {
    position: absolute;
    content: '';
    top: calc(50% - 2px);
    left: 8px;
    width: 4px;
    height: 4px;
    background-color: var(--middlegrey);
    border-radius: 50%;
}

.event__brief-desc a {
    color: var(--lightblue);
    border-bottom: 1px dashed var(--lightblue);
}

.event__brief-desc a:hover {
    color: var(--blue);
    border-color: var(--blue);
}

.events-slider-product {
    width: 420px;
    padding: 0 20px 10px;
    box-sizing: border-box;
}

.events-list-product {
    width: 340px;
    margin: 0 auto;
}

.events-list-product .event-card {
    padding: 0;
}

.slick-blue-arrows .slick-arrow::before,
.slick-blue-arrows .slick-arrow::after {
    content: none;
}

.slick-blue-arrows .slick-prev {
    background-image: url(/local/templates/main/css/../img/icons/arrow-left.png);
}

.slick-blue-arrows .slick-next {
    background-image: url(/local/templates/main/css/../img/icons/arrow-right.png);
}

/*** counter ***/
.counter {
    position: absolute;
    right: 40px;
    top: 40px;
    display: flex;
    gap: 12px;
    align-items: center;
    box-sizing: border-box;
}

.counter li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    width: 80px;
    height: 106px;
    background-color: var(--white);
    border-radius: 10px;
}

.counter__value {
    font-family: Manrope;
    font-size: 36px;
    font-weight: 600;
    line-height: 36px; text-align: center;
    color: var(--blue);
}

.counter__period {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
    text-align: center;
    color: var(--middlegrey);
}

.person-slider__wrap {
    width: 460px;
    background-color: var(--white);
    padding: 32px 0 40px;
}

.person-slider__wrap .medium-title {
    color: var(--darkgrey);
    text-align: center;
}

.person-slider__list {
    width: 340px;
    margin: 0 auto;
    padding-top: 43px;
    cursor: grab;
}

.person-slider__list .slick-dots {
    position: static;
    margin-top: 20px;
}

.person-slider__slide {
    padding: 0 16px 16px;
}

.person-slider__slide-img-wrap {
    max-width: 220px;
    height: auto;
    width: 100%;
    aspect-ratio: 1/1;
    margin: 0 auto 40px;
    border-radius: 50%;
    background-color: var(--lightgrey);
    overflow: hidden;
}

.person-slider__slide-img-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.expert-card__title {
    text-align: center;
    margin-bottom: 20px;
}

.expert-card__post {
    font-family: Manrope;
    font-size: 16px;
    font-weight: 700;
    line-height: 22.4px;
    color: var(--dategrey);
    text-align: center;
    margin-bottom: 28px;
}

.expert-card__desc {
    margin-bottom: 20px;
    color: var(--dategrey);
}

.event-page .slider-form, .event-page .slider-form-inner {
    max-width: 485px;
    height: 317px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.event-page .slider-form .slider-form__title, .event-page .slider-form-inner .slider-form__title {
   font-size: 24px;
   font-weight: 700;
}

.event-page .slider-form .feedback__btn,.event-page .slider-form-inner .feedback__btn {
    width: 100%;
}

.events-slider-product .about__link {
    margin: 30px 0 0 40px;
}

.events-slider-product:has(.slick-dotted) .about__link {
    margin-top:70px;
}

@media (max-width: 600px) {
    .events-slider-product:has(.slick-dotted) .about__link {
        margin-top: 50px;
    }
}

@media (max-width: 991px) {
    .counter {
        position: relative;
        right: unset;
        top: unset;
        justify-content: center;
        margin-top: 30px;
    }

    .event-programm {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .person-slider__list.slick-dotted {
        margin-bottom: 0;
    }
}

@media (max-width: 690px) {
    .event-programm .show-more-tags {
        display: block;
    }

    .event-programm .big-grey-text {
        max-height: 500px;
        overflow: hidden;
    }

    .event-programm .big-grey-text.expanded {
        max-height: unset;
        overflow: visible;
    }
}

@media (max-width: 600px) {
    .event-page .slider-form .slider-form__title {
        font-size: 20px;
    }

    .event-page .slider__top {
        padding-bottom: 120px;
    }

    .event-page .slider-form {
        min-height: 316px;
    }

    .counter {
        width: 100%;
        position: absolute;
        right: unset;
        bottom: 345px;
        justify-content: center;
        margin-top: 0px;
    }

    .event-page .person-slider__wrap {
        width: 100%;
    }

    .events-slider-product {
        width: 100%;
    }

    .events-list-product {
        width: 100%;
    }

    .events-slider-product .about__link  {
        padding-top: 28px;
        justify-self: center;
        margin-left: unset;
    }
}

@media (max-width: 480px) {
    .counter {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (max-width: 360px) {
    .person-slider__list {
        width: 100%;
    }
}

/*** excellence ***/
.excellence__list {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
}

.excellence__list li {
    background-color: var(--white);
    padding: 30px 30px 40px;
}

.excellence__list p {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    color: var(--darkgrey);
}

.about__link {
    text-wrap: nowrap;
}

.six-billet__list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}

.four-billet__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.four-billet__list li {
    width: calc((100% - 60px) / 4);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.four-billet__list li svg {
    margin-bottom: 5px;
    margin-right: 22px;
    flex-shrink: 0;
}

.six-billet__list li, .four-billet__list li {
    background-color: var(--white);
    padding: 30px 30px 40px;
}

.six-billet__list p, .four-billet__list p {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    color: var(--darkgrey);
}


/*** portfolio ***/
.select-section {
    padding-top: 60px;
    padding-bottom: 40px;
}

.filter-section {
    padding-top: 55px;
}

.filter-section .select-industry + .select-custom__sheet {
    z-index: 22;
}

.selects__wrap {
    display: grid;
    grid-template-columns: 460px 580px auto;
    grid-template-rows: auto;
    grid-template-areas: "selectIndustry selectProducts resetPortfolio";
    gap: 20px;
}

.selects__wrap.equal-selects {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "selectIndustry selectProducts selectProgramms";
}

.selects__wrap.equal-selects .select-custom {
    min-height: 83px;
}

.selects__wrap-item {
    position: relative;
    border-radius: 20px;
    z-index: 6;
}

.selects__wrap-item:has(.select-custom.open) {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    z-index: 11;
}

.filter-section .selects__wrap-item.select-industry {
    background-color: var(--purple);
    z-index: 7;
}

.filter-section .selects__wrap-item.select-products {
    background-color: var(--turquoise);
}

.selects__wrap-item:nth-child(1) {
    background-color: var(--turquoise);
}

.selects__wrap-item:nth-child(2) {
    background-color: var(--purple);
}

.selects__wrap-item:nth-child(3) {
    background-color: var(--khaki);
}

.selects__wrap--portfolio .selects__wrap-item:nth-child(1) {
    background-color: var(--turquoise);
}

.select-custom {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 59px;
    padding: 15px 50px 15px 30px;
    box-sizing: border-box;
    color: var(--white);
    cursor: pointer;
    user-select: none;
}

.select-custom::after {
    content: '';
    position: absolute;
    right: 26px;
    top: 50%;
    width: 16px;
    height: 9px;
    background: url(/local/templates/main/css/../img/icons/arrow-white.png);
    translate: 0 -50%;
}

.select-custom.open::after {
    transform: rotateX(180deg);
}

.reset-protfolio {
    min-height: 59px;
}

.select-industry {
    grid-area: selectIndustry;
}

.select-products {
    grid-area: selectProducts;
}

.select-programms {
    grid-area: selectProgramms;
}

.select-custom__sheet {
    display: none;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    padding: 30px 35px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: inherit;
}

.select-custom.open + .select-custom__sheet {
    display: block;
}

.select-custom.open + .select-custom__sheet {
    display: block;
}

.reset-protfolio__wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    grid-area: resetPortfolio;
}

.all-industries {
    display: block;
    margin-bottom: 32px;
}

.select-custom__sheet nav {
    display: flex;
    flex-direction: column;
}

.select-custom__sheet a, .select-custom__sheet label > span {
    color: rgba(256, 256, 256, .8);
}

.select-custom__sheet a {
    text-decoration: underline;
}

.select-custom__sheet a:hover {
    color: rgba(256, 256, 256, 1);
}

.select-custom__sheet label {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.select-custom__sheet nav a {
    padding-left: 24px;
    margin-bottom: 18px;
    position: relative;
}

.prog-product-page .select-custom__sheet nav a {
    padding-left: 0;
}

.select-custom__sheet nav a::before {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 2px;
    background-repeat: no-repeat;
    background-position: center center;
}

.select-custom__sheet nav a#engineering::before {
    background-image: url(/local/templates/main/css/../img/icons/portfolio/machinery.png);
}

.select-custom__sheet nav a#defence::before {
    background-image: url(/local/templates/main/css/../img/icons/portfolio/military.png);
}

.select-custom__sheet nav a#chemistry::before {
    background-image: url(/local/templates/main/css/../img/icons/portfolio/chemistry.png);
}

.select-custom__sheet nav a#chemistry::before {
    background-image: url(/local/templates/main/css/../img/icons/portfolio/chemistry.png);
}

.select-custom__sheet nav a#extractive::before {
    background-image: url(/local/templates/main/css/../img/icons/portfolio/mine.png);
}

.select-custom__sheet nav a#food::before {
    background-image: url(/local/templates/main/css/../img/icons/portfolio/meal.png);
}

.select-custom__sheet nav a#construction::before {
    background-image: url(/local/templates/main/css/../img/icons/portfolio/construction.png);
}

.select-custom__sheet nav a#universal::before {
    background-image: url(/local/templates/main/css/../img/icons/portfolio/universal.png);
}

.select-custom__sheet nav a#energy::before {
    background-image: url(/local/templates/main/css/../img/icons/portfolio/electro.png);
}

.select-custom__sheet nav a#budget::before {
    background-image: url(/local/templates/main/css/../img/icons/portfolio/budget.png);
}

.select-custom__sheet nav a#education::before {
    background-image: url(/local/templates/main/css/../img/icons/portfolio/education.png);
}

.select-custom__sheet nav a#trading::before {
    background-image: url(/local/templates/main/css/../img/icons/portfolio/trading.png);
}

.figure-grid-section {
    padding-top: 60px;
}

.cards-limiter {
    overflow: hidden;
}

@media (max-width: 1600px) {
    .six-billet__list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1440px) {
    .selects__wrap {
        grid-template-columns: 1fr 1fr auto;
    }

    .select-custom {
        font-size: 20px;
        line-height: 22px;
    }

    .select-custom__sheet {
        margin: 0 auto;
    }

    .reset-protfolio__wrap {
        align-items: center;
    }

    .reset-protfolio {
        height: 32px;
        padding-top: 2px;
        padding-bottom: 2px;
    }
}

@media (max-width: 1170px) {
    .filter-section .selects__wrap {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .filter-section .selects__wrap-item.select-industry {
        z-index: 11;
    }

    .filter-section .selects__wrap-item {
        width: calc(50% - 10px);
    }

    .four-billet__list li {
        width: calc((100% - 40px) / 2);
    }

    .select-programms {
        width: 50%;
        margin: 0 auto;
    }

    .figure-grid-section {
        padding-top: 40px;
    }
}

@media (max-width: 991px) {
    .event-main-box {
        flex-direction: column;
        gap: 103px;
    }
    .person-slider__wrap {
        margin: 0 auto;
    }
    .excellence__list {
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: 1fr 1fr;
        grid-template-areas:
         "ex-1 ex-1 ex-1 ex-2 ex-2 ex-2"
         "ex-3 ex-3 ex-4 ex-4 ex-5 ex-5";
    }

    .excellence__list li:first-child {
        grid-area: ex-1;
    }

    .excellence__list li:nth-child(2) {
        grid-area: ex-2;
    }

    .excellence__list li:nth-child(3) {
        grid-area: ex-3;
    }

    .excellence__list li:nth-child(4) {
        grid-area: ex-4;
    }

    .excellence__list li:last-child {
        grid-area: ex-5;
    }

}

@media (max-width: 768px) {
    .excellence__list {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(5, 1fr);
        grid-template-areas: unset;
    }

    .excellence__list li:first-child {
        grid-area: unset;
    }

    .excellence__list li:nth-child(2) {
        grid-area: unset;
    }

    .excellence__list li:nth-child(3) {
        grid-area: unset;
    }

    .excellence__list li:nth-child(4) {
        grid-area: unset;
    }

    .excellence__list li:last-child {
        grid-area: unset;
    }

    .event-card__wrap {
        height: auto;
        min-height: 305px;
    }

    .selects__wrap {
        grid-template-columns:  1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas: "selectIndustry"
                             "selectProducts"
                             "resetPortfolio";
    }

    .selects__wrap.equal-selects {
        grid-template-columns:  1fr;
        grid-template-areas: "selectIndustry"
                                "selectProducts"
                                "selectProgramms";
    }

    .select-custom {
        width: 100%;
    }

    .select-custom__sheet {
        width: 100%;
    }

    .six-billet__list {
        grid-template-columns: 1fr;
    }

    .select-programms {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .filter-section .selects__wrap-item {
        width: 100%;
    }

    .four-billet__list li {
        width: 100%;
        flex-direction: row;
    }

    .figure-grid-section {
        padding-top: 40px;
    }
}

/*** feedback ***/
.feedback__wrap {
    width: 940px;
    padding-top: 69px;
    padding-bottom: 24px;
    min-height: 436px;
    box-sizing: border-box;
    margin: 0 auto;
    /*background-image: url(/local/templates/main/css/../img/feedback.png);*/
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 316px auto;
    border-bottom: 1px solid var(--greybackground);
}

.feedback__wrap:has(.feedback__head--lg) {
    max-width: 1060px;
    width: 100%;
}

.feedback__wrap--no-image {
    min-height: unset;
    background-image: none;
    border-bottom: none;
    max-width: 600px;
    padding-block: 0;
}

.feedback__wrap--no-image .feedback__form{
    padding-block: 0;
}

.feedback__wrap--no-image .feedback__input-wrap {
    width: 100%;
}

.feedback__wrap--no-image .feedback__inner {
    width: 100%;
}

section:has(+ footer) .feedback__wrap {
    border-bottom: none;
}

.feedback-tariff-section .feedback__wrap {
    min-height: 260px;
    background-size: 192px 260px;
    margin-bottom: 80px;
    border-bottom: 1px solid var(--greybackground);
}

.feedback__title {
    max-width: 435px;
    margin-bottom: 40px;
    font-family: Manrope;
    font-size: 32px;
    font-weight: 600;
    line-height: 32px;
    color: var(--darkgrey);
}

.feedback__title--lg {
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.feedback__description {
    font-size: 24px;
    font-weight: 600;
    line-height: 100%;
    color: var(--darkgrey);
}

.feedback__head {
    max-width: 580px;
    margin-bottom: 40px;
}

.feedback__head--lg {
    max-width: 820px;
}

.feedback__head .feedback__title {
    max-width: unset;
}

.feedback__head-title {
    margin-bottom: 20px;
    font-family: Manrope;
    font-size: 24px;
    font-weight: 600;
    line-height: 100%;
    color: var(--darkgrey);
}

.feedback__head-text {
    font-family: Manrope;
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    color: var(--middlegrey);
}

.feedback__note {
    max-width: 380px;
    font-family: Manrope;
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    color: var(--middlegrey);
}

.feedback__extended .feedback__title {
    max-width: 560px;
}

.blog-page .feedback__title, .events-page .feedback__title, .article-page .feedback__title, .feedback-tariff-section .feedback__title {
    max-width: unset;
}

.feedback__form {
    display: flex;
    flex-direction: column;
    padding-bottom: 24px;
}

.feedback__box-row {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.feedback__box-row .feedback__input-wrap {
    width: 340px;
}

.feedback__box-row .feedback__input-wrap .feedback__inner {
    width: 100%;
}

.feedback__input-wrap {
    display: block;
    position: relative;
    width: 460px;
    margin-bottom: 12px;
}

.slider-form .feedback__inner, .slider-form .feedback__input-wrap {
    width: 100%;
}

.feedback__inner {
    width: 460px;
    height: 46px;
    border-radius: 7px;
    border: 1px solid var(--white);
    overflow: hidden;
}

.feedback__inner.invalid {
    border-color: var(--red);
}

.feedback__input {
    width: inherit;
    height: inherit;
    padding: 3px 16px;
    box-sizing: border-box;
    border: none;
}

.feedback__input::placeholder {
    font-family: Manrope;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
    color: var(--inputtext);
}

.feedback__input:focus-visible {
    border: none;
    outline: none;
}

input[type="text"]:focus, input[type="text"]:active {
    z-index: 2;
}

.feedback__input-wrap input[type="text"] {
    position: relative;
}

.feedback__placeholder {
    color: var(--inputtext);
    position: absolute;
    left: 16px;
    top: 14px;
    z-index: 5;
}

.feedback__placeholder.hidden {
    font-family: Manrope;
}

.feedback__placeholder.hidden + .feedback__input {
    padding-top: 20px;
}

.feedback__symbol {
    margin-left: 3px;
    color: var(--lightblue);
}

.feedback__label {
    font-family: Manrope;
    font-size: 12px;
    font-weight: 500;
    line-height: 16.8px;
    text-align: left;
}

.checkbox__wrap {
    display: flex;
    align-items: center;
    padding-top: 3px;
    margin-bottom: 32px;
    min-height: 20px;
    padding-left: 2px;
}

.slider-form__footer .checkbox__wrap {
    align-items: flex-start;
}

.feedback__form-btn, .feedback__btn, .slider__submit {
    padding: 2px 20px 3px;
    max-height: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    font-size: 14px;
    line-height: 16.8px;
    box-sizing: border-box;
}

.feedback__message {
    display: none;
    color: var(--red);
    line-height: 16.8px;
    padding-top: 8px;
}

@media (max-width: 1170px) {
    .feedback__wrap {
        width: 100%;
        padding-top: 0;
        padding-inline: 30px;
        background-size: auto 100%;
    }

    .blog-page .feedback__title, .events-page .feedback__title, .article-page .feedback__title, .feedback-tariff-section .feedback__title {
        max-width: 344px;
    }
}

@media (max-width: 991px) {
    .feedback__head {
        max-width: 344px;
    }

    .feedback__input-wrap {
        width: 344px;
    }

    .feedback__inner {
        width: 344px;
    }

    .feedback-tariff-section .feedback__wrap {
        background-image: none;
        border-bottom: none;
    }
}

@media (max-width: 768px) {
    .feedback__inner {
        width: 344px;
    }
}

@media (max-width: 690px) {
    .feedback__head {
        max-width: 100%;
    }

    .feedback .feedback__wrap {
        background-image: none !important;
        padding: 40px 20px;
        background-color: var(--white);
    }

    .feedback-tariff-section .feedback__wrap {
        padding-bottom: 0px;
    }

    .feedback__input, .feedback__input-wrap {
        width: 100%;
    }

    .feedback__box-row .feedback__input-wrap {
        width: 100%;
    }

    .feedback__inner {
        width: 100%;
    }
    
    .feedback .plate {
        display: none;
    }
    
    .feedback .feedback__input {
        background-color: var(--gentlegrey);
    }
}

@media (max-width: 600px) {
    .feedback__title {
        font-size: 24px;
    }

    .feedback__head-title {
        font-size: 18px;
    }

    .feedback__head-text {
        font-size: 14px;
    }

    .feedback__box-row {
        flex-direction: column;
    }

    .feedback__description {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .feedback__wrap {
        background-size: 210px auto;
        padding-bottom: 300px;
    }

    .feedback-tariff-section .feedback__wrap {
        padding-bottom: 0px;
    }
}

@media (max-width: 360px) {
    .feedback__wrap {
        padding-bottom: 290px;
    }
}

@media (max-width: 480px) {
    .event-page .feedback-tariff-section .feedback__wrap {
        padding-bottom: 0px;
    }
}

/*** top footer ***/
footer {
    border-top: 1px solid var(--lightgrey);
    padding-block: 40px 46px;
}

.footer__wrap {
    display: grid;
    gap: 70px;
}

.footer__menu {
    display: grid;
    gap: 20px;
}

.footer__info {
    display: flex;
    justify-content: space-between;
    gap: 20px 32px;
}

.footer__info-item {
    display: grid;
}

.footer__contacts {
    display: grid;
    gap: 24px;
}

.footer__company {
    display: flex;
    align-items: flex-end;
    gap: 32px;
}

.footer__company-text {
    max-width: 397px;
}

.footer__phone-number {
    margin-bottom: 24px;
}

.footer__social-menu {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

.links-bunch__item {
    display: block;
    font-family: Manrope;
    font-size: 12px;
    font-weight: 600;
    line-height: 19.2px;
    color: var(--middlegrey);
    margin-bottom: 3px;
    text-decoration: none;
}

.links-bunch__item:hover {
    color: var(--lightblue);
}

.social-menu__item {
    font-family: Manrope;
    font-size: 12px;
    font-weight: 800;
    line-height: 14.4px;
    color: var(--darkgrey);
}

.footer-nav__group .small-title:is(a):hover, .footer__phone-number:hover, .social-menu__item:hover {
    color: var(--blue);
}

.info__wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.info {
    grid-area: info;
}

.development {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.development .grey-text {
    font-size: 12px;
    line-height: 100%;
    text-align: right;
}

.development:hover p {
    color: var(--blue);
}

.footer__logo {
    width: 72px;
    height: auto;
}

.footer-nav {
    display: grid;
    grid-template-columns: repeat(5, 1fr) min-content;
    gap: 36px;
}

.footer-nav__group > .small-title {
    display: block;
    margin-bottom: 24px;
}

.footer__address p {
    white-space: nowrap;
}

@media (max-width: 1440px) {
    .links-bunch__item {
        margin-bottom: 0;
    }

    .footer__menu {
        flex-direction: column;
        gap: 20px;
    }

    .footer__phone {
        padding-bottom: 10px;
    }

    .info__wrap {
        margin-bottom: 60px;
    }
}

@media (max-width: 1170px) {
    .footer__wrap {
        gap: 40px;
    }

    .footer-nav {
        grid-template-columns: repeat(3, 1fr);
        gap: 40px;
    }

    .footer__info {
        display: grid;
        grid-template-columns: repeat(3, min-content);
        gap: 28px;
    }

    .footer__info-item,
    .footer__company {
        display: contents;
    }

    .footer__contacts {
        order: 1;
    }

    .development {
        order: 2;
        margin-top: 13px;
    }

    .footer__company-logo {
        order: 3;
        margin-top: 13px;
    }

    .footer__social-menu {
        order: 4;
        display: grid;
        grid-template-columns: repeat(2, min-content);
        gap: 20px 57px;
        align-content: flex-end;
    }

    .footer__company-text {
        order: 5;
        grid-column: span 2;
    }
}

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

    .footer__info {
        grid-template-columns: repeat(2, min-content);
    }

    .footer__contacts {
        grid-column: span 2;
    }

    .footer__social-menu {
        grid-column: span 2;
        order: 2;
        column-gap: 106px;
        margin-bottom: 13px;
    }

    .footer__company-text {
        max-width: 256px;
    }
}

@media (max-width: 480px) {
    .footer-wrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto auto auto auto auto auto;
        grid-template-areas:
        "about products"
        "maintenance attendance"
        "service menu"
        "phone phone"
        "social-menu social-menu"
        "info info";
    }
}

@media (max-width: 360px) {
    .footer-wrap {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto;
        grid-template-areas:
        "about"
        "products"
        "maintenance"
        "attendance"
        "service"
        "menu"
        "phone"
        "social-menu"
        "info";
        padding-block: 10px;
    }
}

/*** pagination ***/
.pagination__wrap {
    display: flex;
    justify-content: center;
    padding-top: 40px;
}

.pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pagination__main {
    display: flex;
    gap: 20px;
    padding: 0 64px;
}

.pagination__main a, .pagination__main span {
    color: var(--grey-60);
}

.pagination__main a.current, .pagination__main a:hover {
    color: var(--lightblue);
}

.pagination__main a.current {
    pointer-events: none;
}

.pagination__left.active,
.pagination__right.active {
    pointer-events: none;
}

.pagination__left, .pagination__right {
    width: fit-content;
    height: fit-content;
    border: none;
    background-color: transparent;
}

.pagination__left:hover svg path, .pagination__right:hover svg path {
    stroke: var(--lightblue);
}

@media (max-width: 768px) {
    .pagination__wrap {
        padding-left: 20px;
        padding-right: 20px;
    }
    .pagination__main {
        padding: 0 30px;
    }
}

@media (max-width: 360px) {
    .pagination__main {
        padding: 0 10px;
    }
}

/*** sidebar ***/
.right-sidebar {
    padding: 30px;
    box-sizing: border-box;
    flex-grow: 1;
    width: calc((100% / 3) - 10px);
}

/*** top button ***/
.top-btn {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 64px;
    height: 64px;
    border-radius: 10px;
    border: 1px solid var(--grey-60);
    background: var(--white) url(/local/templates/main/css/../img/icons/arrow-top.png) no-repeat center center;
    cursor: pointer;
    z-index: 45;
}

@media (max-width: 768px) {
    .top-btn.show {
        display: block;
    }
}


/*** comparison ***/
.comparison-section .wrap {
    padding-top: 80px;
}

.table-title {
    margin-bottom: 30px;
    padding-left: 20px;
}

.comparison-table {
    margin-bottom: 30px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    min-width: 1000px;
    background-color: var(--white);
}

.comparison-table th {
    height: 209px;
    padding: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #DADEE6;
}

.comparison-table th:first-child {
    background-color: var(--white);
}

.comparison-table th:nth-child(2) {
    background: linear-gradient(131deg, rgba(211,252,255,1) 0%, rgba(211,252,255,1) 18%, rgba(255,255,255,1) 55%, rgba(255,255,255,1) 100%);
}

.comparison-table th:nth-child(3) {
    background: linear-gradient(131deg, rgba(255,237,211,1) 0%, rgba(255,237,211,1) 18%, rgba(255,255,255,1) 55%, rgba(255,255,255,1) 100%);
}

.comparison-table th:nth-child(4) {
    background: linear-gradient(131deg, rgba(255,224,239,1) 0%, rgba(255,224,239,1) 18%, rgba(255,255,255,1) 55%, rgba(255,255,255,1) 100%);
}

.comparison-table th:nth-child(5) {
    background: linear-gradient(131deg, rgba(238,255,211,1) 0%, rgba(238,255,211,1) 18%, rgba(255,255,255,1) 55%, rgba(255,255,255,1) 100%);
}

.comparison-table th:nth-child(6) {background: #E4CFFF;
    background: linear-gradient(131deg, rgba(228,207,255,1) 0%, rgba(228,207,255,1) 18%, rgba(255,255,255,1) 55%, rgba(255,255,255,1) 100%);
}

.comparison-table dt span {
    color: var(--lightblue);
}

.comparison-table dd {
    font-family: Manrope;
    font-size: 12px;
    font-weight: 600;
    line-height: 14.4px;
    color: var(--middlegrey);
}

.comparison-table th button,
.tiny-table tbody button {
    margin-top: 20px;
    font-size: 12px;
    line-height: 14.4px;
    height: 31px;
    padding: 2px 20px;
}

.comparison-table td {
    width: 240px;
    background-color: var(--white);
    text-align: center;
    font-family: Manrope;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.8px;
    color: var(--middlegrey);
    padding: 20px 5px 20px 20px;
    border-bottom: 1px solid #DADEE6;
}

.comparison-table td:first-child {
    width: 230px;
    text-align: left;
    font-family: Manrope;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.8px;
    color: var(--darkgrey);
    background-color: var(--white);
}

.comparison-table tr:last-child td {
    border-bottom: none;
}

.comparison-table .table-tag {
    position: absolute;
    top: -32px;
    right: -10px;
}

@media (max-width: 1200px) {
    .comparison-section {
        padding-top: 63px;
    }

    .pagination__wrap {
        padding-top: 20px;
    }
}

@media (max-width: 1170px) {
    .comparison-section {
        padding-top: 35px;
    }

    .comparison-section .wrap {
        overflow-x: auto;
        height: 75dvh;
    }

    .comparison-section thead {
        position: sticky;
        top: 0;
        z-index: 2;
    }

    .comparison-table td:first-child {
        border-right: 1px solid #DADEE6;
        min-width: 140px;
        width: 140px;
    }

    .comparison-table .table-title,
    .comparison-table td:first-child {
        position: sticky;
        left: 0;
        z-index: 1;
        border-right: 1px solid #DADEE6;
    }
}

@media (max-width: 600px) {
    .comparison-section .wrap {
        padding: 0;
    }

    .comparison-table th {
        padding: 20px 7px 10px 7px;
    }

    .comparison-table td {
        padding: 5px 7px;
    }

    .comparison-table th,
    .comparison-table td,
    .comparison-table td:first-child,
    .comparison-table .small-title,
    .comparison-table .base-14-link {
        font-size: 12px;
    }

    .comparison-table .table-tag {
        right: -5px;
        top: -15px;
        font-size: 8px;
    }
}

.sidebar-bean {
    background-color: var(--white);
    padding: 30px;
    box-sizing: border-box;
}

.sidebar-bean img {
    width: 100%;
}

.sidebar-bean__title {
    padding-top: 30px;
    padding-bottom: 20px;
}

.sidebar-bean__desc {
    padding-bottom: 30px;
}

/*** tariffs comparison ***/
.bonuses .bonuses__title {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    color: var(--darkgrey);
    margin-bottom: 16px;
}

.bonuses .bonuses__desc {
    font-family: Manrope;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: var(--middlegrey);
}

.bonuses .services__item {
    height: 189px;
}

.bonuses + .about .about__left {
    background: url(/local/templates/main/css/../img/team/counting.jpg) no-repeat;
}

.rebate-section {
    padding: 60px 0;
}

.rebate__list {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
}

.rebate__card {
    display: flex;
    flex-direction: column;
    background-color: var(--white);
    padding: 40px 38px 40px 40px;
    box-sizing: border-box;
}

.rebate__title {
    font-family: Manrope;
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
    min-height: 60px;
}

.rebate__inner {
    display: flex;
    flex-grow: 1;
    gap: 30px;
}

.rebate__suib-title {
    color: var(--darkgrey);
    margin-bottom: 20px;
}

.rebate__suib-title:empty {
    display: none;
}

.rebate__paragraph {
    color: var(--middlegrey);
}

.rebate__info {
    width: calc(100% - 215px);
}

.rebate__costs {
    display: flex;
    flex-direction: column;
    width: 215px;
}

.rebate__costs s {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: var(--darkgrey);
}

.rebate__costs .secondary-btn {
    margin-top: auto;
}

.rebate__saving {
    color: var(--middlegrey);
    margin-top: 10px;
    margin-bottom: 32px;
}

.rebate__text {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.rebate__text:last-of-type {
    margin-bottom: 42px;
}

.rebate__expander {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.rebate__expander-content {
    display: grid;
    gap: 15px;
}

.rebate__expander > p {
    text-align: right;
}

.rebate__expander button {
    max-width: 120px;
}

@media (max-width: 1170px) {
    .rebate-section {
        padding: 40px 0;
    }

    .rebate__list {
        gap: 40px;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, 1fr);
    }
}



@media (max-width: 768px) {
    .rebate__card {
        padding: 30px 30px 30px 30px;
    }
    .rebate__info {
        width: 100%;
    }
    .rebate__costs {
        width: 100%;
    }
}

@media (max-width: 690px) {
    .rebate__inner {
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .rebate__title {
        margin-bottom: 30px;
    }

    .rebate__expander {
        gap: 60px;
    }

    .rebate__expander > p {
        text-align: left;
    }
}

.recommend__wrap {
    display: flex;
    gap: 50px;
    height: 301px;
    overflow: hidden;
}

.recommend__stretch {
    width: calc(100% - 50px - 459px);
    padding: 40px;
    box-sizing: border-box;
}

.recommend__spacer {
    width: 459px;
    background-image: url(/local/templates/main/css/../img/team/conversation.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.recommend__inner {
    display: flex;
    gap: 50px;
    height: calc(100% - 60px);
    background-color: var(--white);
}

.recommend__inner > div:first-child {
    max-width: 500px;
}

.recommend__inner > div:last-child {
    max-width: 200px;
    align-items: flex-end;
    margin-left: auto;
}

p.recommend__text {
    text-align: left;
}

@media (max-width: 1440px) {
    .recommend__wrap {
        height: auto;
    }

    .recommend__stretch {
        padding-right: 0;
    }

    .recommend__inner > div:first-child {
        max-width: unset;
        width: calc(100% - 205px - 50px);
    }

    .recommend__inner > div:last-child {
        max-width: unset;
        width: 205px;
    }
}

@media (max-width: 1170px) {
    .recommend__wrap {
        flex-direction: column;
        gap: 0px;
    }

    .recommend__stretch {
        width: 100%;
        padding-right: 40px;
    }

    .recommend__spacer {
        width: 100%;
        height: 45vh;
        background-position: center -50px;
    }

    p.recommend__text {
        margin-top: 15px;
    }
}

@media (max-width: 991px) {
    .recommend__wrap {
        flex-direction: column;
        gap: 0px;
    }

    .recommend__stretch {
        width: 100%;
        padding: 30px;
    }

    .recommend__spacer {
        height: 35vh;
        background-position: top center;
    }
}

@media (max-width: 768px) {
    .recommend__inner {
        gap: 20px;
    }

    .recommend__spacer {
        height: 277px;
    }
}

@media (max-width: 600px) {
    .recommend__inner {
        flex-direction: column;
    }

    .recommend__inner > div:first-child {
        width: 100%;
    }

    .recommend__inner > div:last-child {
        width: 100%;
        align-items: flex-start;
    }

    .recommend__inner > div:last-child button {
        margin-top: 30px;
        max-width: unset;
        width: 100%;
    }

    .recommend__spacer {
        height: 225px;
    }
}

@media (max-width: 480px) {
    .recommend__spacer {
        height: 225px;
    }
}

.accompaniment .wrap {
    box-sizing: border-box;
}

.accompaniment__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 138px;
    gap: 20px;
}

.accompaniment__item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 12px;
    background-color: var(--white);
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    padding: 20px 20px 4px 20px;
    box-sizing: border-box;
    cursor: pointer;
}

.accompaniment__item:hover {
    background: #0B5CAD linear-gradient(287.42deg, rgba(226, 250, 255, 0) 27.29%, rgba(0, 194, 255, 0.69) 100%);
    color: var(--white);
}

.accompaniment__item:hover svg path, .accompaniment__item:hover svg circle {
    stroke: var(--white);
}

@media (max-width: 1200px) {
    .accompaniment .second-title {
        max-width: 515px;
    }

    .accompaniment__list {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 138px 138px;
    }
}

@media (max-width: 768px) {
    .accompaniment__list {
        grid-template-columns: 1fr;
        grid-template-rows: 138px 138px 138px 138px;
    }

    .bonuses .services__item {
        flex-direction: column;
        align-items: flex-start;
        min-height: 160px;
        height: auto;
    }
}

@media (max-width: 690px) {
    .accompaniment__list {
        grid-template-rows: repeat(4, auto);
    }

    .accompaniment__item {
        flex-direction: row;
        min-height: 84px;
        padding: 20px;
    }

    .accompaniment__item svg {
        width: 32px;
        height: 32px;
        flex-shrink: 0;
    }
}

/*** events ***/
.events.section {
    margin-bottom: 120px !important;
}

@media (max-width: 600px) {
    .events.section {
        margin-bottom: 100px !important;
    }
}

@media (max-width: 1024px) {
    .events.section {
        margin-bottom: 80px !important;
    }
}

.events-section {
    padding-top: 80px;
}

.events-container {
    display: flex;
    gap: 20px;
}

.events-filter {
    min-width: 340px;
    height: fit-content;
    padding: 30px 22px 30px 30px;
    box-sizing: border-box;
    background-color: var(--white);
}

.events-filter .sub-20-text, .pop-up-filter .sub-20-text {
    margin-bottom: 30px;
}

.checkbox-container, .datepicker-container {
    margin-bottom: 60px;
}

.datepicker-container {
    display: flex;
    gap: 8px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    -webkit-appearance: none;
}

.datepicker {
    border-radius: 7px;
    width: 129px;
    height: 46px;
    padding: 18px 6px;
    box-sizing: border-box;
    border: 1px solid var(--inputtext);
    color: var(--inputtext);
    font-family: Manrope;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.datepicker:focus-visible {
    border-color: var(--inputtext);
    color: var(--darkgrey);
    outline: none;
}
.datepicker#finish {
    color: var(--darkgrey);
}
.datepicker#finish:before {
    content: "до";
    color: var(--inputtext);
}
.datepicker#start {
    color: var(--darkgrey);
}
.datepicker#start:before {
    content: "от";
    color: var(--inputtext);
}

.checkbox-container > li > label {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.filter-footer .secondary-btn {
    font-size: 12px;
    padding: 5px 20px;
    margin-right: 7px;
}

.filter-footer .support-btn {
    padding: 8px 20px;
}

.events-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 40px;
}

.filters-mob {
    display: none;
    gap: 8px;
    align-items: center;
    margin-top: 30px;
    cursor: pointer;
}

.filters-mob span {
    color: var(--lightblue);
}

@media (max-width: 1200px) {
    .events-section {
        padding-top: 26px;
    }

    .events-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .events-filter {
        display: none;
    }

    .filters-mob {
        display: flex;
    }
}

@media (max-width: 991px) {
    .events-page .feedback__title {
        max-width: 344px;
    }
}

@media (max-width: 768px) {
    .events-page .feedback__title {
        max-width: 303px;
    }
}

@media (max-width: 600px) {
    .events-grid {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }

    .event-card__title {
        height: auto;
    }
}

/*** project ***/
.slider:not(.section) {
    margin-bottom: 40px;
}

.project-intro__wrap {
    display: flex;
    gap: 20px;
}

.project-intro__image-box {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-width: 580px;
    min-height: 455px;
}

.two-box-equal-height {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    flex-grow: 1;
}

.project-intro__main, .project-intro__tasks {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.project-intro__main {
    padding: 30px;
    background-color: var(--white);
}

.project-intro__main .medium-title,
.project-intro__tasks .medium-title {
    margin-block: 0 40px;
}

.project-intro__main .base-14-bold,
.project-intro__tasks .base-14-bold {
    max-width: 688px;
}

.project-intro__main .medium-title {
    color: var(--darkgrey);
}

.project-intro__tasks {
    padding: 30px;
    background-color: var(--projectColor);
}

.project-intro__tasks p {
    margin-top: 0;
}

.project-intro__tasks p, .project-intro__tasks li {
    color: var(--projectFontColor);
}

.tech__list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.tech__item {
    width: calc((100% - 60px) / 4);
    height: auto;
    min-height: 138px;
    padding: 20px;
    box-sizing: border-box;
    background-color: var(--white);
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    color: var(--darkgrey);
}

.tech__item svg {
    margin-bottom: 12px;
}

.tech__item svg path {
    fill: var(--projectColor);
}

.tech__item:hover {
    background-color: var(--projectColor);
    color: var(--projectFontColor);
}

.tech__item:hover svg path {
    fill: var(--projectFontColor);
}

.implement-desc__wrap {
    display: flex;
    gap: 37px;
    justify-content: space-between;
}

.implement-desc__spacer {
    width: 460px;
}

.implement-desc__spacer li {
    color: var(--middlegrey);
}

.implement-desc__stretch {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.implement-desc__stretch .second-title {
    margin-bottom: 60px;
}

.implement-desc__left {
    max-width: 700px;
}

.implement-desc__left .about__text {
    line-height: 19.6px;
}

.implement-box {
    background-color: var(--white);
    padding: 30px 30px 32px;
    margin-bottom: 20px;
}

.implement-box__title {
    color: var(--darkgrey);
    margin: 30px 0 40px;
}

.estimate-box {
    background-color: var(--projectColor);
    padding: 25px 30px 27px 30px;
}

.estimate-box p {
    color: var(--projectFontColor);
}

.estimate-box__title {
    font-family: Manrope;
    font-size: 36px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 8px;
}

.unlimit-img-wrap {
    position: relative;
    height: 130px;
}

.unlimit-img-wrap img {
    max-width: 300px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 1170px) {
    .two-box-equal-height .medium-title {
        margin-bottom: 20px;
    }

    .implement-box .implement-box__title {
        margin-bottom: 40px;
        font-size: 32px;
    }
}

@media (max-width: 991px) {
    .project-intro__wrap {
        flex-direction: column-reverse;
    }

    .project-intro__image-box {
        background-position: center top -150px;
        min-height: 250px;
    }

    .implement-desc__wrap {
        flex-direction: column;
        align-items: center;
        gap: 67px;
    }
    .implement-desc__stretch .second-title {
        margin-bottom: 40px;
    }
    .tech__item {
        width: calc((100% - 30px) / 2);
    }

}

@media (max-width: 768px) {
    .project-intro {
        padding-bottom: 80px;
    }
    .project-intro__image-box {
        min-width: 100%;
    }
}

@media (max-width: 600px) {
    .tech__item {
        width: 100%;
        min-height: 104px;
    }

    .implement-desc__spacer {
        width: 100%;
    }

    .project-intro__image-box {
        min-height: 250px;
        background-position: center top 0px;
    }

    .implement-box .implement-box__title {
        font-size: 20px;
    }
}

/*** programm products ***/
.typical__list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 20px;
    grid-template-areas:    "taxAccount taxAccount complexAutomatization personnelRecords"
                            "taxAccount taxAccount complexAutomatization managmentAccount"
                            "erpSystem erpSystem licenses1C tradingList"
                            "crmList documentFlow documentFlow tradingList";
}

.typical__title {
    display: block;
    font-family: Manrope;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    color: var(--darkgrey);
    min-height: 81px;
    max-width: 400px;
}

.typical__item {
    padding: 30px;
    box-sizing: border-box;
    background-color: var(--white);
}

.typical__list .medium-title {
    display: block;
    color: var(--darkgrey);
    min-height: 81px;
    line-height: 24px;
}

.typical__inner {
    display: flex;
}

.typical__inner.multi-column ul {
    width: 235px;
}

.typical__inner.multi-column ul:nth-child(2) {
    margin-left: 95px;
}

.typical__inner li {
    margin-bottom: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.typical__inner a {
    display: inline-block;
    color: var(--middlegrey);
    text-decoration: underline;
}

.typical__inner span {
    white-space: nowrap;
    color: var(--grey-60);
}

.typical__inner a:hover {
    color: var(--darkgrey);
}

.tax-account {
    grid-area: taxAccount;
}

.complex-automatization {
    grid-area: complexAutomatization;
}

.personnel-records {
    grid-area: personnelRecords;
}

.managment-account {
    grid-area: managmentAccount;
}

.erp-system {
    grid-area: erpSystem;
}

.licenses-1c {
    grid-area: licenses1C;
}

.crm-list {
    grid-area: crmList;
}

.trading-list {
    grid-area: tradingList;
}

.document-flow {
    grid-area: documentFlow;
}

@media (max-width: 1170px) {
    .typical__inner nav:nth-child(2) {
        margin-left: 20px;
    }
    .medium-title {
        margin-bottom: 0;
    }
}

@media (max-width: 991px) {
    .typical__inner ul:nth-child(2) {
        margin-left: 95px;
    }
    .typical__list {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(7, auto);
        grid-template-areas:    "taxAccount taxAccount"
                                "complexAutomatization personnelRecords"
                                "complexAutomatization managmentAccount"
                                "erpSystem erpSystem"
                                "documentFlow documentFlow"
                                "tradingList licenses1C"
                                "tradingList crmList";
    }
    .typical__list .medium-title, .typical__title {
        min-height: 57px;
    }
}

@media (max-width: 600px) {
    .typical__inner ul:nth-child(2) {
        margin-left: 20px;
    }

    .typical__list {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(9, auto);
        grid-template-areas:    "taxAccount"
                                "complexAutomatization"
                                "personnelRecords"
                                "managmentAccount"
                                "erpSystem"
                                "documentFlow"
                                "tradingList"
                                "licenses1C"
                                "crmList";
    }
}

@media (max-width: 690px) {
    .typical__inner {
        flex-direction: column;
    }
    .typical__inner.multi-column ul:nth-child(2) {
        margin-left: 0;
    }
}

.industry__list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 40px 20px;
    grid-template-areas: "industryBudget industryBudget industryEstate industryEstate industryEducation industryEducation"
                         "industryCatering industryCatering industryServices industryServices industryConstruction industryConstruction"
                         "industryLogystic industryLogystic industryWarehouse industryWarehouse industryNonprofit industryNonprofit";
}

.industry-budget {
    grid-area: industryBudget;
    z-index: 38;
}

.industry-estate {
    grid-area: industryEstate;
    z-index: 37;
}

.industry-education {
    grid-area: industryEducation;
    z-index: 36;
}

.industry-catering {
    grid-area: industryCatering;
    z-index: 35;
}

.industry-services {
    grid-area: industryServices;
    z-index: 34;
}

.industry-construction {
    grid-area: industryConstruction;
    z-index: 33;
}

.industry-logystic {
    grid-area: industryLogystic;
    z-index: 32;
}

.industry-warehouse {
    grid-area: industryWarehouse;
    z-index: 31;
}

.industry-non-profit {
    grid-area: industryNonprofit;
    z-index: 30;
}

.industry__list .services__item.open .industry__expand {
    display: block;
}

@media (max-width: 991px) {
    .industry__list {
        grid-template-areas: "industryBudget industryBudget industryBudget industryEstate industryEstate industryEstate"
                             "industryEducation industryEducation industryEducation industryCatering industryCatering industryCatering"
                             "industryServices industryServices industryServices industryConstruction industryConstruction industryConstruction"
                             "industryLogystic industryLogystic industryWarehouse industryWarehouse industryNonprofit industryNonprofit";
    }
}

@media (max-width: 600px) {
    .industry__list {
        grid-template-columns: 1fr;
        grid-template-areas: "industryBudget"
                             "industryEstate"
                             "industryEducation"
                             "industryCatering"
                             "industryServices"
                             "industryConstruction"
                             "industryLogystic"
                             "industryWarehouse"
                             "industryNonprofit";
    }
}

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

.cloud__item {
    width: calc((100% - 40px) / 3);
    min-height: 228px;
    padding: 23px 30px 25px;
    box-sizing: border-box;
    background-color: var(--white);
    background-repeat: no-repeat;
    background-position: right 20px bottom;
}

.cloud__title {
    display: block;
    color: var(--darkgrey);
    margin-bottom: 30px;
}

.cloud__features {
    max-width: 255px;
}

.cloud__features a {
    display: block;
    margin-bottom: 8px;
    text-decoration: underline;
}

.cloud__features a:hover {
    color: var(--darkgrey);
}

@media (max-width: 1600px) {
    .cloud__item {
        padding: 23px 30px 202px;
    }
}

@media (max-width: 768px) {
    .cloud__list {
        flex-wrap: wrap;
        justify-content: center;
    }
    .cloud__item {
        width: calc((100% - 20px) / 2);
    }
}

@media (max-width: 480px) {
    .cloud__item {
        width: 100%;
    }
}

/*** promotion ***/
.promotion__axis {
    min-height: 390px;
    display: grid;
    grid-template-columns: 1fr 33%;
    gap: 24px;
    overflow: hidden;
    background-color: var(--white);
}

.promotion__inner {
    display: grid;
    grid-template-columns: 48.2% 1fr;
    gap: 60px;
    padding-bottom: 37px;
}

.promotion__content {
    padding-top: 37px;
    padding-left: 40px;
}

.promotion__image {
    flex-grow: 1;
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.promotion-section {
    margin-bottom: 90px;
}

.promotion-section .slider-form {
    padding: 0;
    width: auto;
}

.promotion__text {
    color: var(--middlegrey);
}

.promotion-section .slider-form__footer {
    flex-direction: column;
}

.promotion-section .bold-link {
    margin-top: 32px;
}

.promotion__main {
    width: 100%;
    display: flex;
    gap: 60px;
}

.promotion__main .text-editor {
    max-width: 940px;
}

.promotion__main .text-editor .article-text {
    color: var(--dategrey);
    line-height: 22.4px;
}

.promotion__main .text-editor li::before {
    background-color: var(--dategrey);
}

.promotion__main .person-slider__wrap {
    max-width: 340px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
}

.promotion__main .person-slider__list {
    padding-top: 0;
}

.promotion__main .person-slider__list .person-slider__item {
    background-color: var(--white);
    padding: 30px;
}

.promotion__main .person-slider__list .person-slider__item img {
    max-width: 100%;
    height: 183px;
    object-fit: contain;
    object-position: center;
}

.promotion__main .expert-card__title {
    text-align: left;
}

.promotion__main .expert-card__desc {
    line-height: 19.6px;
    margin-bottom: 30px;
}

.promotion-section .slider-form {
    max-width: 428px;
}

@media (max-width: 1440px) {
    .promotion__axis {
        height: auto;
    }

    .promotion__image {
        min-height: 475px;
    }

    .promotion-section .slider-form {
        width: 100%;
        padding-right: 0;
    }
}

@media (max-width: 1170px) {
    .promotion__inner {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 12800px) {
    .slick-slider .slick-next {
        right: -25px;
    }

    .slick-slider .slick-prev {
        left: -25px;
    }
}

@media (max-width: 991px) {
    .promotion-section {
        margin-bottom: 80px;
    }

    .promotion__main {
        flex-direction: column;
    }

    .promotion-section .title-wrap {
        display: none;
    }
}

@media (max-width: 768px) {
    .promotion__content {
        padding-right: 40px;
    }

    .promotion__main .person-slider__list {
        width: 100%;
    }

    .promotion-section .bold-link {
        text-wrap: wrap;
    }

    .promotion__axis {
        grid-template-columns: 1fr;
    }

    .promotion__inner {
        max-width: 585px;
    }

    .promotion__image {
        display: none;
    }
}

@media (max-width: 690px) {
    .promotion__content {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (max-width: 600px) {
    .promotion__main .person-slider__wrap {
        max-width: 100%;
    }

    .promotion-section {
        margin-bottom: 40px;
    }

    .promotion__main .person-slider__wrap {
        width: 100%;
    }
}

/*** discounts  ***/
.discounts-section .wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}

.discounts__list {
    margin: 0 -20px;
}

.discount-card {
    padding-left: 10px;
    padding-right: 10px;
}

.discount-card__wrap {
    max-width: 100%;
}

.discount-card__title {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    color: var(--middlegrey);
}

.discount-card__body {
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    overflow: hidden;
    margin-bottom: 20px;
}

.discount-card__body img {
    width: 100%;
}

.discount-card__price {
    font-family: Manrope;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    color: var(--darkgrey);
}

.discount-card__price span {
    font-family: Manrope;
    font-size: 42px;
    font-weight: 700;
    line-height: 46.2px;
    color: var(--lightblue);
}

/*** interst ***/
.interest__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.interest__list a {
    display: block;
    width: calc((100% - 60px) / 4);
    height: 131px;
    padding: 20px;
    box-sizing: border-box;
    font-family: Manrope;
    font-size: 24px;
    font-weight: 600;
    line-height: 28.8px;
    color: var(--darkgrey);
}

@media (max-width: 991px) {
    .interest__list a {
        width: calc((100% - 20px) / 2);
    }
}

@media (max-width: 500px) {
    .interest__list a {
        width: 100%;
    }
}

/*** cost table ***/
.tiny-table {
    overflow: hidden;
}

.tiny-table__cost {
    white-space: nowrap;
}

.cost-table {
    min-width: 1060px;
}

.cost-table thead {
    height: 52px;
}

.market-cost-table-section .cost-table th:last-child {
    min-width: 300px;
}

.version-table thead {
    height: 91px;
}

.tiny-table thead {
    background-color: var(--greybackground);
}

.tiny-table thead td {
    padding: 0 20px;
    text-align: center;
}

.tiny-table tbody {
    background-color: var(--white);
}

.tiny-table td {
    box-sizing: border-box;
    min-width: 220px;
    height: 71px;
    padding: 0 10px;
    border-bottom: 1px solid #DADEE6;
    text-align: center;
}

.tiny-table tr td:first-child {
    padding-left: 20px;
}

.tiny-table .center-aligner {
    white-space: nowrap;
}

.tiny-table th {
    padding: 0 20px;
}

.version-table th {
    padding: 0 10px;
}

.version-table .center-aligner {
    padding: 32px 0 20px;
}

.version-table tr:last-of-type button {
    display: block;
}

.version-table tr th:first-of-type, .version-table tr td:first-of-type {
    text-align: left;
    min-width: 380px;
    width: 100%;
}


.tiny-table tbody tr:last-child td {
    border-bottom: none;
}

.tiny-table__cost {
    color: var(--middlegrey);
    text-align: center;
}

.cost-table tr th:first-of-type, .cost-table tr td:first-of-type {
    text-align: left;
}

.cost-table tbody td button {
    margin-top: 0;
}

@media (max-width: 1170px) {
    .cost-table,
    .version-table {
        min-width: unset;
    }

    .cost-table thead,
    .version-table thead {
        height: auto;
    }

    .cost-table th,
    .version-table th,
    .cost-table td,
    .version-table td {
       padding: 10px;
       width: auto !important;
       min-width: unset !important;
    }

    .cost-table th,
    .version-table th,
    .cost-table td,
    .version-table td,
    .cost-table p,
    .version-table p {
        height: auto;
        font-size: 14px;
    }

    .tiny-table .center-aligner {
        white-space: unset;
    }

    .tiny-table tr td:first-child {
        padding-left: 10px;
    }
}

/*** versions  ***/
.versions-1c-section {
    padding-bottom: 80px;
}

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

.versions__list .secondary-btn {
    width: 180px;
}

.versions__item {
    width: calc((100% - 40px) / 3);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 439px;
}

.versions__footer {
    display: flex;
    flex-direction: column;
}

.versions__features li {
    color: var(--middlegrey);
}

/*** product ***/
.product-block {
    display: grid;
    gap: 20px;
    grid-template-columns: calc(100% - 20px - 580px) 580px;
    grid-template-rows: auto;
    padding-bottom: 80px;
}

.product-tile {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.product-tile ul {
    display: flex;
    flex-direction: column;
    padding-left: 52px;
}

.product-tile dt {
    position: relative;
}

.product-tile dt::before {
    content: '';
    position: absolute;
    top: -6px;
    left: -40px;
    width: 32px;
    height: 28px;
    background: url(/local/templates/main/css/../img/icons/star.svg) no-repeat;
}

.product-tile li {
    margin-bottom: 20px;
}

.product-tile li:last-child {
    margin-bottom: 0;
}

.img-block-tiny {
    height: 445px;
    background-repeat: no-repeat;
    background-size: contain;
    flex-direction: column;
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 1440px) {
    .product-tile {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 60px;
    }

    .product-tile ul {
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 92px;
    }

    .img-block-tiny {
        height: auto;
    }
}

@media (max-width: 991px) {
    .versions__list {
        flex-direction: column;
    }

    .versions__item {
        width: 100%;
        height: 229px;
        flex-direction: row;
    }

    .versions__footer {
        justify-content: flex-end;
        min-width: 280px;
    }

    .product-block {
        grid-template-columns: 1fr;
        grid-template-rows: auto 401px;
        padding-bottom: 100px;
    }

    .img-block-tiny {
        background-size: 100%;
    }
}

@media (max-width: 768px) {
    .versions__footer {
        min-width: unset;
    }

    .product-block {
        grid-template-rows: auto 509px;
        padding-bottom: 60px;
    }
}

@media (max-width: 600px) {
    .versions__item {
        height: auto;
        flex-direction: column;
        gap: 88px;
    }

    .product-introduction {
        margin-inline: calc(-1 * var(--container-padding));
        padding: 30px;
    }
}

/* possibility section product page */
.possibility__box {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.possibility__description {
    width: calc(100% - 480px);
}

.possibility__description-header {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.possibility__text .about__link {
    margin-top: 30px;
}

.possibility__text.hidden {
    display: none;
}

@media (max-width: 1170px) {
    .market-cost-table-section .wrap {
        overflow-x: auto;
    }

    .possibility__box {
        flex-direction: column;
    }

    .possibility__description {
        width: 100%;
    }

    .possibility__description-header {
        justify-content: flex-start;
    }

    .events-slider-product {
        margin: 0 auto;
        padding-top: 20px;
    }
}

@media (max-width: 991px) {
    .services .wrap {
        overflow-x: auto;
    }
}

@media (max-width: 480px) {
    .events-slider-product {
        padding: 0;
    }
}

.action-presentation-section {
    padding: 80px 0 0;
}

.service-presentation-section {
    padding: 0 0 80px;
}

.service-presentation__wrap {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.service-presentation__info {
    width: calc(100% - 459px);
}

.service-presentation__title {
    margin-bottom: 30px;
}

.service-presentation__text {
    margin-bottom: 35px;
}

.service-presentation__picture {
    width: 459px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.service-presentation__footer {
    display: flex;
    gap: 80px;
}

.service-presentation__cost {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 1170px) {
    .service-presentation__info {
        width: 100%;
    }

    .service-presentation__picture {
        display: none;
    }
}

@media (max-width: 768px) {
    .service-presentation__footer {
        flex-direction: column-reverse;
        gap: 60px;
    }

    .service-presentation__footer .secondary-btn {
        width: 420px;
        box-sizing: border-box;
    }

    .service-presentation__cost {
        gap: 32px;
    }
}

@media (max-width: 600px) {
    .action-presentation-section {
        padding: 45px 0 0;
    }

    .service-presentation__footer .secondary-btn {
        width: 100%;
    }

    .service-presentation-section {
        padding: 20px 0 40px;
    }

    .service-presentation__info {
        padding: 30px;
    }
}

@media (max-width: 480px) {
    .service-presentation__info .operative-btn {
        width: 100%;
    }
}

/*** solutuion ***/
.solutuion-text {
    max-width: 728px;
}

.solutuion-text-lg {
    max-width: 940px;
}

/*** simplicity ***/
.simplicity {
    display:  flex;
    flex-wrap: wrap;
    gap: 20px;
}

.simplicity li {
    width: calc((100% - 40px) / 3);
    min-height: 140px;
}

@media (max-width: 991px) {
    .simplicity {
        justify-content: center;
    }

    .simplicity li {
        min-width: calc((100% - 20px) / 2);
    }
}

@media (max-width: 600px) {
    .simplicity li {
        min-width: 100%;
    }
}

/*** strengths ***/
.strengths__list {
    display:  flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.strengths__list-item {
    box-sizing: border-box;
    min-height: unset !important;
    gap: 16px;
    padding: 30px;
    border-radius: 20px;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
    color: var(--white);
}

.strengths__list-head {
    display: grid;
    grid-template-columns: 32px 1fr;
    align-items: center;
    gap: 12px;
}

.strengths__list-adv {
    list-style: disc;
    list-style-position: inside;
}

.strengths__list > li {
    display:  flex;
    flex-direction: column;
    width: calc((100% - 40px) / 3);
    min-height: 168px;
    background: linear-gradient(175.25deg, #FFDF6E -50.46%, #D97900 138.18%);
}

.strengths__list li svg {
    width: 32px;
    height: 32px;
    margin-bottom: 5px;
}

@media (max-width: 991px) {
    .strengths__list > li {
        width: calc((100% - 20px) / 2);
    }
}

@media (max-width: 600px) {
    .strengths__list-item {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .strengths__list > li {
        width: 100%;
        min-height: 104px;
        /* flex-direction: row; */
        gap: 16px;
    }

    .strengths__list > li p {
        width: calc(100% - 48px);
    }
}

/*** Facts ***/
.facts__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.facts__list li {
    width: calc((100% - 40px) / 3);
    height: 140px;
}

@media (max-width: 991px) {
    .facts__list li {
        width: calc((100% - 20px) / 2);
    }
}

@media (max-width: 600px) {
    .facts__list li {
        width: 100%;
    }
}

/*** Tariffs ***/
.rates__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.rates__list > a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc((100% - 40px) / 3);
    gap: 20px;
    height: 439px;
}

.rates__list > a:hover {
    box-shadow: 0px 60px 110px -70px #00000033;
}

.rates__list > a button {
    width: 180px;
}

.rates__list > a .accent {
    font-size: 32px;
    font-weight: 700;
}

.rates__title {
    min-height: 59px;
}

.rates__footer {
    margin-top: 59px;
}

@media (max-width: 1170px) {
    .rates__list > a {
        flex-direction: row;
        width: 100%;
        height: unset;
        min-height: 229px;
    }

    .rates__footer {
        min-width: 250px;
    }
}

@media (max-width: 600px) {
    .rates__list > a {
        flex-direction: column;
        height: 439px;
        min-height: 439px;
    }
}

@media (max-width: 480px) {
    .rates__footer {
        min-width: unset;
    }
}

.accordion__container {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.accordion__container ul {
    height: auto;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.questions-section .accordion__container ul {
    width: calc((100% - 20px) / 2);
}

.accordion__container > ul > li {
    position: relative;
    padding: 30px 50px 15px 20px;
    border-bottom: 1px solid #DADEE6;
    cursor: pointer;
}

.accordion__container > ul > li:last-child {
    border-bottom: none;
}

.accordion__container > ul > li::after {
    content: "";
    position: absolute;
    top: 32px;
    right: 30px;
    width: 12px;
    height: 6px;
    background-image: url(/local/templates/main/css/../img/icons/arrow-vertical-spr.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.accordion__container > ul > li.open::after {
    transform: rotate(180deg);
}

.accordion__question {
    margin-bottom: 15px;
}

.accordion__question + p {
    display: none;
}

.accordion__answer{
    display: none;
}

.accordion__answer ul {
    list-style: disc;
    list-style-position: inside;
}

.accordion__answer p:not(:last-child),
.accordion__answer ul:not(:last-child) {
    margin-bottom: 10px;
}

@media (max-width: 991px) {
    .accordion__container {
        flex-direction: column;
        gap: 0px;
    }

    .accordion__container ul, .questions-section .accordion__container ul {
        width: 100%;
    }
}


/*** experts ***/
.experts-section .wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}

.expert__wrap {
    padding: 0 10px;
}

.expert__photo {
    overflow: hidden;
}

.expert__photo img {
    width: 100%;
    height: 100%;
}

.expert__desc {
    max-width: 80%;
}

.merchandise__list .custom-32,
.services-board .custom-32,
.connected .custom-32,
.associated .custom-32 {
    font-size: 24px;
    line-height: 100%;
    hyphens: auto;
    overflow-wrap: anywhere;
}

/*** merchandise__list ***/
.merchandise__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.merchandise__list li {
    width: calc((100% - 60px) / 4);
    height: 412px;
    background-repeat: no-repeat;
    background-position: right 20px bottom 0px;
    background-size: 180px;
}

@media (max-width: 1280px) {
    .merchandise__list li {
        width: calc((100% - 20px) / 2);
    }
}

@media (max-width: 600px) {
    .merchandise__list li {
        width: 100%;
    }
}

/*** associated ***/
.associated {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-areas: "associated-main-block associated-main-block associated__event-block associated__time-block"
                         "associated-main-block associated-main-block associated__event-block associated__product-1"
                         "associated__product-2 associated__product-3 associated__product-4 associated__product-5";
}

.associated__main-block {
    grid-area: associated-main-block;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-repeat: no-repeat;
    background-position: right 50px bottom -5px;
    background-size: 190px;
}

.associated__main-block__desc {
    max-width: 50%;
}

.associated__event-block {
    grid-area: associated__event-block;
}

.associated__time-block {
    grid-area: associated-time-block;
}

.associated__product-1 {
    grid-area: associated__product-1;
}

.associated__product-2 {
    grid-area: associated__product-2;
}

.associated__product-3 {
    grid-area: associated__product-3;
}

.associated__product-4 {
    grid-area: associated__product-4;
}

.associated__product-5 {
    grid-area: associated__product-5;
}

.associated__main-block__title {
    margin-bottom: 91px;
}

@media (max-width: 1170px) {
    .associated {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas: "associated-main-block associated-main-block"
                            "associated-main-block associated-main-block"
                         "associated__event-block associated__product-1"
                         "associated__event-block associated__time-block"
                         "associated__product-2 associated__product-3"
                         "associated__product-4 associated__product-5";
    }
}

@media (max-width: 991px) {
    .associated {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 144px);
        grid-template-areas: "associated-main-block associated-main-block"
                            "associated-main-block associated-main-block"
                         "associated__event-block associated__product-1"
                         "associated__event-block associated__time-block";
    }

    .associated__product-2 {
        display: none;
    }

    .associated__product-3 {
        display: none;
    }

    .associated__product-4 {
        display: none;
    }

    .associated__product-5 {
        display: none;
    }
}

@media (max-width: 690px) {
    .associated {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: auto;
        grid-template-areas: "associated-main-block"
                    "associated-main-block"
                    "associated__event-block"
                    "associated__event-block"
                    "associated__product-1"
                    "associated__time-block";
    }
}

@media (max-width: 600px) {
    .associated {
        grid-template-areas: "associated-main-block"
                    "associated__event-block"
                    "associated__product-1"
                    "associated__time-block";
        grid-template-rows: auto;
    }

    .associated__main-block {
        min-height: 400px;
        justify-content: flex-start;
        background-position: right 50px bottom -5px;
        background-size: 130px;
    }

    .associated__main-block__title {
        margin-bottom: 30px;
    }

    .associated__main-block__desc {
        max-width: 100%;
    }

    [class*="associated__product"] {
        min-height: 144px;
    }
}

@media (max-width: 480px) {
    .associated {
        grid-template-rows: 500px auto auto auto;
    }

    .associated__main-block {
        max-height: unset;
    }

    .associated__event-block {
        min-width: unset;
    }

    .associated__event-time {
        min-height: 144px;
    }

    .associated__product-1 {
        padding: 20px;
        min-height: 144px;
    }
}

/*** services ****/
.services-board {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(8, auto);
    row-gap: 40px;
    column-gap: 20px;
    padding-top: 70px;
}

.services-board__half-item, .services-board__third-item, .services-board__quater-item {
    min-height: 197px;
}

.services-board__half-item p:nth-child(2), .services-board__third-item  p:nth-child(2), .services-board__quater-item p:nth-child(2) {
    margin-bottom: 15px;
}

.services-board__half-item {
    grid-column: span 6;
}

.services-board__third-item {
    grid-column: span 4;
}

.services-board__quater-item {
    grid-column: span 3;
}

.tariff-board {
    padding: 20px 0px 40px;
    box-sizing: border-box;
    border-radius: 20px;
    margin-bottom: 68px;
}

.tabs-section .tariff-board {
    background: radial-gradient(ellipse at 70% -190px, #EEFFD3 0%, #EEFFD3 20%, #FFFFFF 50%, #FFFFFF 70%, #FFFFFF 100%);
}

.tariff-board:has(.tariff-board__header) {
    padding: 0 0px 40px;
}

.tariff-board__header {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 35px;
}

.tariff-board__axis {
    display: grid;
    grid-template-columns: calc(50% - 220px) 180px 50%;
    grid-template-rows: auto auto;
    grid-template-areas:
    "tariff-title tariff-title tariff-features"
    "tariff-footer tariff-type tariff-features";
    column-gap: 21px;
    row-gap: 31px;
    padding: 0 40px;
}

.tariff-board__title {
    grid-area: tariff-title;
}

.tariff-board__features {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    grid-area: tariff-features;
}

.tariff-board__axis h4 {
    margin: 14px 0 25px;
}

.tariff-board__footer {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    grid-area: tariff-footer;
}

.tariff-board__type {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    grid-area: tariff-type;
}

.tariff-board .tariff-type {
    display: flex;
    align-items: center;
}

@media (max-width: 1440px) {
    .tariff-board {
        height: auto;
    }
}

@media (max-width: 1200px) {
    .tariff-board__axis {
        grid-template-areas:
        "tariff-title tariff-title tariff-features"
        "tariff-footer tariff-footer tariff-features";
    }

    .tariff-board__type {
        display: none;
    }

    .services-board {
        row-gap: 20px;
    }

    .services-board__half-item {
        grid-column: span 12;
    }

    .services-board__third-item {
        grid-column: span 6;
    }

    .services-board__quater-item {
        grid-column: span 6;
    }
}

@media (max-width: 991px) {
    .tariff-board {
        background: #FFFFFF;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }
}

@media (max-width: 768px) {
    .tariff-board__axis {
        grid-template-columns: 100%;
        grid-template-rows: auto auto auto;
        grid-template-areas:
        "tariff-title"
        "tariff-footer"
        "tariff-features";
        column-gap: 21px;
        row-gap: 31px;
    }

    .tariff-board .btn-box {
        flex-direction: row;
    }
}

@media (max-width: 600px) {
    .services-board {
        padding-top: 55px;
    }

    .services-board__third-item {
        grid-column: span 12;
    }

    .services-board__quater-item {
        grid-column: span 12;
    }

    .tariff-board {
        margin-inline: calc(-1 * var(--container-padding));
    }

    .tariff-board__header {
        display: none;
    }

    .tariff-board__axis {
        padding-top: 30px;
    }
}

@media (max-width: 480px) {
    .tariff-board__axis {
        grid-template-rows: auto auto auto auto;
        grid-template-areas:
        "tariff-title"
        "tariff-type"
        "tariff-features"
        "tariff-footer";
        column-gap: 21px;
        row-gap: 31px;
        padding-inline: 30px;
    }

    .tariff-board__type {
        display: flex;
    }

    .tariff-board__left {
        width: 100%;
    }

    .tariff-board .btn-box {
        flex-direction: column;
        width: 100%;
        margin-right: 0;
    }
}

/*** selection  ***/
.selection__list {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto auto auto;
    grid-template-areas:
        "selection-expert selection-expert selection-expert selection-expert selection-revival selection-revival selection-revival selection-revival selection-advise selection-advise selection-advise selection-advise"
        "selection-forum selection-forum selection-forum selection-forum selection-line selection-line selection-line selection-line selection-entry selection-entry selection-entry selection-entry"
        "selection-webinar selection-webinar selection-webinar selection-course selection-course selection-course selection-helper selection-helper selection-helper selection-manager selection-manager selection-manager";
    gap: 20px;
}

.selection__list > li {
    min-width: 168px;
}

.selection__list > li > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.selection__list li > div > svg {
    min-width: 32px;
}

.selection__expert {
    grid-area: selection-expert;
}

.selection__revival {
    grid-area: selection-revival;
}

.selection__advise {
    grid-area: selection-advise;
}

.selection__forum {
    grid-area: selection-forum;
}

.selection__line {
    grid-area: selection-line;
}

.selection__entry {
    grid-area: selection-entry;
}

.selection__webinar {
    grid-area: selection-webinar;
}

.selection__course {
    grid-area: selection-course;
}

.selection__helper {
    grid-area: selection-helper;
}

.selection__manager {
    grid-area: selection-manager;
}

@media (max-width: 991px) {
    .selection__list {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(6, auto);
        grid-template-areas:
            "selection-entry selection-entry"
            "selection-expert selection-expert"
            "selection-revival selection-advise"
            "selection-forum selection-line"
            "selection-webinar selection-course"
            "selection-helper selection-manager";
    }
}

@media (max-width: 600px) {
    .selection__list {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(10, auto);
        grid-template-areas:
            "selection-entry"
            "selection-expert"
            "selection-revival"
            "selection-advise"
            "selection-forum"
            "selection-line"
            "selection-webinar"
            "selection-course"
            "selection-helper"
            "selection-manager";
    }

    .selection__list li > div {
        flex-direction: row;
        gap: 12px;
        margin-bottom: 10px;
    }
}

/*** expence ***/
.expense__list {
    display: flex;
    gap: 20px;
}

.expense__item {
    width: calc((100% - 40px) / 3);
    min-height: 439px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}

.expense__item:hover {
    box-shadow: 0px 60px 110px -70px #00000033;
}

.expense__title {
    min-height: 59px;
}

.expense__desc {
    line-height: 19.6px;
}

.expense__footer {
    display: flex;
    flex-direction: column;
}

.expense__btn {
    width: 180px;
}

@media (max-width: 1200px) {
    .expense__list {
        flex-direction: column;
    }

    .expense__item {
        width: 100%;
        min-height: 265px;
        flex-direction: row;
    }

    .expense__header {
        width: 40%;
    }

    .expense__footer {
        width: 45%;
        justify-content: flex-end;
    }
}

@media (max-width: 600px) {

    .expense__item {
        flex-direction: column;
        gap: 84px;
    }

    .expense__header {
        width: 100%;
    }

    .expense__footer {
        width: 100%;
    }
}

.service-set__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.service-set__item {
    width: calc((100% - 60px) / 4);
    min-height: 131px;
}

@media (max-width: 1200px) {
    .service-set__item {
        width: calc((100% - 20px) / 2);
    }
}

@media (max-width: 600px) {
    .service-set__item {
        width: 100%;
    }
}

/*** connected ***/
.connected {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: "connected-main-block connected-main-block connected-event-block connected-product-1"
                         "connected-main-block connected-main-block connected-event-block connected-time-block";
}

.connected__main-block {
    grid-area: connected-main-block;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-repeat: no-repeat;
    background-position: right 50px bottom;
    background-size: 190px;
}

.connected__main-block__desc {
    max-width: 50%;
}

.connected__event-block {
    grid-area: connected-event-block;
    min-width: 340px;
}

.connected__time-block {
    grid-area: connected-time-block;
}

.connected__product-1 {
    grid-area: connected-product-1;
}

@media (max-width: 1200px) {
    .connected {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas: "connected-main-block connected-main-block"
                            "connected-main-block connected-main-block"
                         "connected-event-block connected-product-1"
                         "connected-event-block connected-time-block";
    }

    .connected__main-block {
        min-height: 308px;
    }
}

@media (max-width: 690px) {
    .connected {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(4, auto) repeat(2, 144px);
        grid-template-areas: "connected-main-block"
                    "connected-main-block"
                    "connected-event-block"
                    "connected-event-block"
                    "connected-product-1"
                    "connected-time-block";
    }
}

@media (max-width: 600px) {
    .connected {
        grid-template-areas: "connected-main-block"
                    "connected-event-block"
                    "connected-product-1"
                    "connected-time-block";
        grid-template-rows: 400px auto 144px 144px;
    }

    .connected__main-block {
        justify-content: flex-start;
        background-position: right 50px bottom;
        background-size: 130px;
    }

    .connected__main-block__title {
        margin-bottom: 30px;
    }

    .connected__main-block__desc {
        max-width: 100%;
        font-size: 14px;
    }

    .connected__product-1, .connected__event-time {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .connected {
        grid-template-rows: 470px auto 144px 144px;
    }

    .connected__event-block {
        min-width: unset;
    }
}

.service-package__list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 40px;
}

.service-package__item {
    width: calc((100% - 20px) / 2);
    min-height: 279px;
}

.service-package__header {
    padding-bottom: 35px;
}

.service-package__body {
    display: flex;
    gap: 60px;
    height: calc(100% - 63px);
}

.service-package__info {
    max-width: 50%;
}

.service-package__block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media (max-width: 1170px) {
    .service-package__item {
        width: 100%;
        padding: 30px;
    }

    .service-package__info {
        width: calc(100% - 230px);
        max-width: unset;
    }

    .service-package__costs {
        width: 230px;
    }
}

@media (max-width: 600px) {
    .service-package__list {
        row-gap: 20px;
    }

    .service-package__body {
        height: auto;
        flex-direction: column;
        gap: 55px;
    }

    .service-package__info {
        width: 100%;
    }

    .service-package__costs > p {
        margin-bottom: 50px;
    }
}

.experts-slider__item {
    padding-right: 10px;
    padding-left: 10px;
}

.experts-slider__image {
    overflow: hidden;
    height: 384px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.experts-slider__image img {
    width: 100%;
}

.experts-slider__desc {
    max-width: 70%;
}


/*** tariffs page ***/
.tariff-banner__wrap {
    display: grid;
    grid-template-columns: 51% 1fr;
    min-height: 379px;
    overflow: hidden;
    margin-bottom: 20px;
}

.tariff-banner__info {
    height: 100%;
}

.tariff-banner__info .h4 {
    margin-bottom: 20px;
}

.tariff-banner__img {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.tariff-banner__product-badge {
    position: absolute;
    top: 17px;
    right: 23px;
    width: 127px;
    height: 98px;
    background-size: cover;
}


.tariffs-page .advantage {
    gap: 20px;
    margin-bottom: 75px;
}

.tariffs-page .advantage__item {
    width: calc((100% - 60px) / 4);
    flex-basis: unset;
}

.text-boxes {
    display: flex;
    gap: 140px;
}

.text-boxes__primary {
    width: 40%;
}

.text-boxes__secondary {
    width: calc(60% - 140px);
}

.support-rates-section .title-wrap {
    margin-bottom: 0;
    padding-bottom: 40px;
    align-items: flex-end;
}

.support-rates__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.support-rates__item {
    min-height: 360px;
    position: relative;
    cursor: pointer;
    background-color: var(--white);
    transition: min-height 1s, box-shadow 1s;
    color: inherit;
}

.support-rates__item .bold-link {
    pointer-events: none;
}

.support-rates__item .article-text {
    color: var(--middlegrey);
}

.support-rates__item:not(:hover) .support-rates__item-hover {
  opacity: 0;
  pointer-events: none;
}

.support-rates__item-hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%;
    background-color: var(--white);
    padding: inherit;
    background: inherit;
    box-sizing: border-box;
    border-radius: inherit;
    z-index: 1;
    transition: opacity 0.3s ease-in-out;
}

.support-rates__item-hover .support-rates__footer {
    margin-top: 60px;
}

.support-rates__wrap {
    margin-bottom: 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.support-rates__title {
    display: flex;
    align-items: center;
}

.support-rates__features {
    margin-top: 20px;
}

.support-rates__features li {
    margin-bottom: 3px;
}

.support-rates__footer {
    display: flex;
    flex-direction: column;
    gap: 30px;
    transition: opacity 0.3s ease-in-out;
}

.support-rates__box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.support-rates__item:hover {
    box-shadow: 0px 70px 90px -50px #A2A2A240;
}

.support-rates__item:hover .bold-link {
    color: var(--lightblue);
}

.support-rates__item:hover .bold-link svg path {
    stroke: var(--lightblue);
}

.perks__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.perks__item {
    display: flex;
    flex-direction: column;
    width: calc((100% - 60px) / 4);
}

.perks__item:first-child, .perks__item:nth-child(2), .perks__item:nth-child(3) {
    width: calc((100% - 40px) / 3);
}

.perks__item svg {
    margin-bottom: 7px;
}

@media (min-width: 1171px) {
    .support-rates__item > .support-rates__footer .support-rates__reduced-price,
    .support-rates__item > .support-rates__footer .support-rates__fading,
    .support-rates__item > .support-rates__footer .article-text {
        display: none;
    }
}

@media (max-width: 1170px) {
    .support-rates__item-hover {
        display: none;
    }

    .support-rates__item .support-rates__footer {
        margin-top: 20px;
    }
}

@media (max-width: 1440px) {
    .support-rates__wrap {
        justify-content: flex-start;
    }
}

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

    .tariff-banner__wrap {
        min-height: 238px;
        grid-template-columns: 65.2% 1fr;
    }

    .tariff-banner__product-badge {
        display: none;
    }

    .perks__item {
        width: calc((100% - 20px) / 2);
    }

    .perks__item:first-child, .perks__item:nth-child(2), .perks__item:nth-child(3) {
        width: calc((100% - 20px) / 2);
    }

    .tariff-banner__info {
        padding: 40px 30px 40px 40px;
        gap: 40px;
    }

    .tariff-banner__img {
        background-position: right 66% center;
    }
}

@media (min-width: 601px) {
    .support-rates__item-block .bold-link {
        display: none;
    }
}

@media (max-width: 991px) {
    .support-rates__list {
        grid-template-columns:  1fr;
    }

    .tariff-banner__img {
        border-radius: 20px;
    }

    .text-boxes {
        flex-direction: column;
        gap: 50px;
    }

    .text-boxes__primary {
        width: 100%;
    }

    .text-boxes__secondary {
        width: 100%;
    }

    .support-rates__item {
        min-height: 421px;
    }

    .support-rates__box {
        flex-direction: row-reverse;
    }
}

@media (max-width: 768px) {
    .tariff-banner__wrap {
        height: auto;
    }
}

@media (max-width: 600px) {
    .support-rates__item {
        min-height: 576px;
        padding: 20px;
    }

    .tariff-banner__info {
        padding: 30px;
    }

    .tariff-banner__img {
        display: none;
    }

    .perks__item {
        width: 100%;
    }

    .perks__item:first-child, .perks__item:nth-child(2), .perks__item:nth-child(3) {
        width: 100%;
    }

    .support-rates__box {
        flex-direction: column;
        gap: 15px;
    }

    .support-rates__box > span {
        display: none;
    }

    .support-rates__box .secondary-btn {
        width: 100%;
    }

    .support-rates__item-block .bold-link {
        margin: 32px auto;
    }

    .support-rates__item .custom-20 {
        font-size: 18px;
    }

    .support-rates__item .article-text {
        font-size: 14px;
    }

    .tariff-banner__wrap {
        grid-template-columns: 1fr;
        margin-inline: calc(-1 * var(--container-padding));
    }

    .tariff-banner__info {
        gap: 60px;
    }

    .tariff-banner__info .base-16-medium {
        max-width: 175px;
    }
}

/*** pop-ups ***/
.pop-up {
    display: none;
    position: relative;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 25;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 900px;
    max-height: calc(100% - 30px);
    background-color: var(--white);
    box-sizing: border-box;
    border-radius: 20px;
    overflow-y: auto;
}

.pop-up.open {
    display: block;
}

.pop-up-feedback, .pop-up-team, .pop-up-certificate {
    padding: 40px 50px;
    width: 1000px;
}

.pop-up-feedback .pop-up__content,
.pop-up-team .pop-up__content,
.pop-up-certificate .pop-up__content {
    max-width: unset;
}

@media (min-width: 1171px) {
    .pop-up-feedback .pop-up__body,
    .pop-up-team .pop-up__body,
    .pop-up-certificate .pop-up__body {
        column-gap: 100px;
    }
}

.pop-up-half {
    width: 50%;
}

.pop-up__exit {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 16px;
    right: 16px;
    background: url(/local/templates/main/css/../img/icons/exit.png) no-repeat center center;
    background-size: 16px;
    cursor: pointer;
}

.pop-up__header {
    padding-bottom: 40px;
    border-bottom: 1px solid var(--lightgrey);
}

.pop-up-callback .pop-up__header {
    padding-bottom: 0;
    border-bottom: none;
}

.pop-up-callback,
.pop-up-callback-container {
    padding: 40px 60px;
}

.pop-up-callback {
    padding: 40px 60px;
    /*background-image: url('/local/templates/main/css/../img/feedback.png');*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right 15% bottom -15px;
}

.pop-up-team h4, .pop-up-certificate h4, .pop-up-feedback h4 {
    font-family: Manrope;
    font-weight: 800;
}

.pop-up-team h4, .pop-up-feedback h4 {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.pop-up-callback h4 {
    margin-bottom: 0;
}

.pop-up__header h4 {
    margin-bottom: 20px;
}

.pop-up__body {
    display: flex;
    column-gap: 143px;
    padding-top: 40px;
}

.pop-up-callback .pop-up__body {
    gap: 20px;
}

.pop-up__body a:not(.secondary-btn) {
    color: var(--blue);
}

.pop-up__body.reverse {
    flex-direction: row-reverse;
}

.pop-up__container {
    padding-top: 40px;
}

.pop-up__container img {
    max-width: 340px;
    border-radius: 10px;
    padding: 0 30px 30px 0;
    float: left;
}

.pop-up__body p.grey-text {
    display: inline-block;
}

.pop-up__container .small-title {
    display: block;
}

.pop-up-callback .pop-up__body.reverse {
    justify-content: space-between;
    padding-top: 0;
}

.pop-up-callback .slider-form {
    padding-left: 0;
    background-color: transparent;
    width: 428px;
}

.pop-up__img {
    position: relative;
    width: 280px;
    min-width: 280px;
    border-radius: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: -25px;
}

.pop-up-feedback .pop-up__img,
.pop-up-competencies .pop-up__img {
    height: 320px;
}

.pop-up__img img {
    width: 100%;
}

.pop-up__content {
    max-width: 457px;
}

.pop-up-certificate .pop-up__img {
    height: 510px;
}

.pop-up-filter {
    padding: 0 30px 40px;
}

.pop-up__body {
    width: 100%;
}

.pop-up__content {
    width: 100%;
    padding-right: 49px;
}

.pop-up--gift {
    background-color: var(--bg-color);
}

.pop-up--gift .pop-up__img {
    position: absolute;
    width: 330px;
    aspect-ratio: 1/1;
    right: 0;
    bottom: 0;
    z-index: -1;
    object-fit: contain;
    object-position: center bottom;
}

.pop-up--gift .pop-up-helper__wrap,
.pop-up--gift .pop-up-helper__box {
    background: none;
}

.pop-up--gift .pop-up-helper__desc {
    max-width: calc(100% - 230px);
}

.filter-form__body {
    display: flex;
    justify-content: space-between;
    gap: 5vw;
}

.filter-form__left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.filter-form__right {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.veil {
    display: none;
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
}

.veil.open {
    display: block;
}

.plate {
    background-color: var(--gentlegrey);
    width: 195px;
    position: absolute;
    bottom: 80px;
    left: 50%;
}

@media (max-width: 1200px) {
    .pop-up {
        width: 96%;
    }

    .pop-up-feedback, .pop-up-callback {
        padding: 30px 30px;
    }
}

@media (max-width: 1170px) {
    .pop-up__header {
        padding-bottom: 19px;
    }
    .pop-up__header h4 {
        margin-bottom: 12px;
    }
    .pop-up__body {
        gap: 30px;
    }
    .pop-up__content {
        max-width: unset;
    }
}

@media (max-width: 991px) {

    .pop-up-callback,
    .pop-up-callback-container {
        padding: 30px 30px 157px;
    }

    .pop-up-callback {
        background-size: 300px;
    }

    .pop-up-callback .pop-up__img {
        width: 50%;
        min-width: unset;
    }

    .pop-up-feedback .pop-up__img {
        height: 232px;
    }

    .pop-up-certificate .pop-up__img {
        max-width: 154px;
    }

    .pop-up-certificate .pop-up__img img {
        height: 100%;
    }

    .pop-up__content {
        padding-right: 9vw;
    }

    .plate {
        left: 40%;
    }

    .pop-up-callback .slider-form {
        width: 314px;
    }
}

@media (max-width: 768px) {
    .pop-up {
        max-height: 95%;
        overflow-y: auto;
    }

    .pop-up__content {
        padding-right: 3vw;
    }

    .plate {
        left: 35%;
        bottom: 55px;
    }
}

@media (max-width: 690px) {
    .filter-form__body {
        flex-direction: column;
        gap: 0;
    }
    .pop-up__body, .pop-up__body.reverse {
        flex-direction: column;
        column-gap: 0;
    }
    .pop-up {
        padding: 20px 20px;
        overflow-x: auto;
    }
    .pop-up-callback,
    .pop-up-callback-container {
        padding: 20px 20px 269px;
    }
    .pop-up-callback {
        background-size: min(270px, 60vw);
    }
    .pop-up__header {
        padding-bottom: 20px;
    }
    .pop-up__header h4 {
        max-width: 70%;
    }
    .pop-up__body {
        padding-top: 24px;
    }
    .pop-up__container {
        padding-top: 30px;
    }
    .pop-up__container img {
        display: block;
        margin: 0 auto;
        max-width: unset;
        padding-right: 0;
        float: unset;
        width: auto;
        max-height: 143px;
    }

    .pop-up-callback .slider-form {
        padding-right: 0;
    }

    .pop-up-callback .pop-up__content {
        width: 100%;
    }

    .pop-up-callback .pop-up__img {
        width: 0;
    }

    .pop-up-feedback .pop-up__img {
        width: 100%;
        min-width: unset;
        height: 143px;
    }

    .pop-up__img img {
        width: auto;
        height: 100%;
        margin: 0 auto;
        display: block;
    }

    .pop-up-certificate .pop-up__img {
        max-width: unset;
        min-width: unset;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .pop-up-certificate .pop-up__img img {
        height: 232px;
        width: auto;
        display: block;
        margin: 0 auto;
    }

    .plate {
        left: 20px;
        bottom: 38px;
    }

    .pop-up--gift .pop-up-helper__desc {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .filter-form {
        flex-direction: column;
    }

    .pop-up-callback .slider-form {
        width: 100%;
    }
}

.indent-down {
    padding-bottom: 150px;
}

@media (max-width: 1170px) {
    .indent-down {
        padding-bottom: 100px;
    }

    .table-scroll:has(.version-table, .cost-table) {
        margin-right: calc(-1 * var(--container-padding));
        padding-right: var(--container-padding);
        max-width: unset;
    }
}

@media (max-width: 690px) {
    .indent-down {
        padding-bottom: 80px;
    }
}

.indent-down__item {
    padding-bottom: 40px;
}

.indent-down-lg {
    padding-bottom: 180px;
}

@media (max-width: 1170px) {
    .indent-down-lg {
        padding-bottom: 120px;
    }
}

@media (max-width: 690px) {
    .indent-down-lg {
        padding-bottom: 100px;
    }
}

.opportunities-section .solutuion-text,
.strengths-section .solutuion-text {
    padding-bottom: 40px;
}

.td-title {
    font-size: 26px;
    font-family: 'Manrope-700', sans-serif;
    background-color: #F9F9F9;
}

.events-list-product .slick-prev {
    left: -30px;
}

.events-list-product .slick-next {
    right: -30px;
}

.versions__item:hover {
    box-shadow: 0px 60px 110px -70px rgba(0, 0, 0, 0.2);
}

.table-scroll {
    max-width: 100%;
    overflow-x: auto;
}

.adress {
    display: grid;
    gap: 60px;
}

.adress__value {
    color: var(--middlegrey);
}

@media (max-width: 1170px) {
    .adress {
        gap: 30px;
    }
}

@media (max-width: 690px) {
    .our-experts-section.section {
        margin-bottom: 120px;
    }
}

@media screen and (hover: hover) {
    .tariffs__card:not(.tariffs__card-hover):hover > .tariffs__cost {
        opacity: 0;
    }

    .tariffs__card:hover .tariffs__card-hover {
        min-height: 360px;
        opacity: 1;
        visibility: visible;
    }

    .articles__wrap:hover .articles__veil {
        display: flex;
    }

    .articles__wrap:hover  {
        background-color: var(--white);
        cursor: pointer;
        box-shadow: 0px 80px 90px -80px #00000033;
    }

    .event-card__footer .secondary-btn {
        opacity: 0;
        transform: translateY(10px);
        transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    }

    @media (min-width: 1171px) {
        .support-rates__item:hover > .support-rates__footer {
            opacity: 0;
            pointer-events: none;
        }
    }
}

.scrollbuster {
   max-width: 100%;
   overflow-x: visible;
}

.has-gradient {
    position: relative;
    overflow: hidden;
}

.has-gradient::before,
.has-gradient::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 100%;
    top: 0;
    background: linear-gradient(
    to left,
    rgba(249, 249, 249, 1),
    rgba(249, 249, 249, 0)
    );
    opacity: 0;
    z-index: 999;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
}

.has-gradient::before {
    left: 0;
    transform: rotateY(180deg);
}

.has-gradient::after {
    right: 0;
}

.has-gradient--start::before,
.has-gradient--end::after {
    opacity: 1;
}

.expanded-text__content {
    position: relative;
    overflow: hidden;
    max-height: var(--max-text-height);
    transition: max-height 0.3s ease-in-out;
}

.expanded-text__content::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    z-index: 1;
    transition: opacity 1s ease-in-out;
    pointer-events: none;
}

.expanded-text._is-trimmed._is-expanded .expanded-text__button-text:not(.expanded-text__button-text--hidden) {
    display: none;
}

.expanded-text._is-trimmed:not(._is-expanded) .expanded-text__button-text--hidden {
    display: none;
}

.expanded-text._is-trimmed._is-expanded .expanded-text__button svg {
    transform: rotateX(180deg);
}

.expanded-text._is-trimmed._is-expanded .expanded-text__content::after {
    opacity: 0;
}

.expanded-text._is-trimmed:not(._is-expanded) .expanded-text__content {
    max-height: var(--max-height);
}

.expanded-text:not(._is-trimmed) .expanded-text__button {
    display: none;
}

.expanded-text:not(._is-trimmed) .expanded-text__content::after {
    opacity: 0;
}

.cookies {
    position: fixed;
    left: 0;
    bottom: 0;
    margin-block: 20px;
    width: 100%;
    height: 0px;
    z-index: 99;
}

.cookies.is-hide {
    display: none;
    pointer-events: none;
}

.cookies {
    position: fixed;
    left: 0;
    bottom: 0;
    margin-block: 20px;
    width: 100%;
    height: 0px;
    z-index: 99;
}

.cookies__container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
    width: fit-content;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);
    background: var(--white);
    transform: translateY(-100%);
}

.cookies__content {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    color: var(--middlegrey);
}

.cookies__text {
    max-width: 310px;
}

.cookies__text a {
    transition: color 0.3s ease-in-out;
    color: #0B5CAD;
}

.cookies__content a:hover {
    color: #1798F5;
}

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

.cookies__button {
    width: 100%;
    min-width: 115px;
    border: 1px solid;
    border-radius: 10px;
    padding: 16px 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
    text-align: center;
}

.cookies__button--blue {
    background-color: var(--lightblue);
    border-color: var(--lightblue);
    color: var(--white);
}

.cookies__button--blue:hover {
    color: var(--lightblue);
    background-color: var(--white);
}

.cookies__button--white {
    border-color: var(--white);
    background-color: var(--white);
    border-color: var(--white);
}

.cookies__button--white:hover {
    border-color: var(--lightblue);
    color: var(--lightblue);
}

@media (max-width: 600px) {
    .cookies__container {
        gap: 20px;
    }

    .cookies__buttons {
        width: 100%;
    }

    .cookies__buttons-item {
        flex-grow: 1;
    }
}

.section:has(+ .section.promo-banner) {
    margin-bottom: 80px;
}

.section.promo-banner {
    margin-bottom: 80px;
}

.promo-banner__box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 79px;
    align-items: flex-start;
    padding: 30px;
    border-radius: 20px;
    background: linear-gradient(90deg, rgba(247, 255, 233, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 100%);
}

.promo-banner__title {
    max-width: 420px;
    font-family: Manrope;
    font-size: 36px;
    font-weight: 700;
    line-height: 110%;
    color: var(--darkgrey);
}

.promo-banner__text {
    max-width: 615px;
    font-family: Manrope;
    font-size: 20px;
    font-weight: 700;
    line-height: 110%;
    color: var(--dategrey);
}

@media (max-width: 768px) {
    .promo-banner__box {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 20px;
    }

    .promo-banner__title {
        font-size: 22px;
    }

    .promo-banner__text {
        font-size: 14px;
    }
}

.support-head {
    display: grid;
    gap: 30px;
    margin-bottom: 40px;
}

.support-head__title {
    font-family: Manrope;
    font-size: 36px;
    font-weight: 700;
    line-height: 100%;
    color: var(--darkgrey);
}

.support-head__text {
    max-width: 580px;
    font-family: Manrope;
    font-size: 24px;
    font-weight: 600;
    line-height: 100%;
    color: var(--dategrey);
}

.support-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.support-list__item {
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    overflow: hidden;
}

.support-list__item-head {
    border-bottom: 1px solid var(--grey-60);
}

.support-list__item-title-wrap {
    margin-bottom: 32px;
}

.support-list__item-title {
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    color: var(--darkgrey);
}

.support-list__item-content {
    padding: 30px;
}

.support-list__markers {
    display: grid;
    gap: 33px;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    color: var(--middlegrey);
}

.support-list__item-head {
    background: linear-gradient(131deg, rgba(255, 224, 239, 1) 0%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 100%);
}

.support-list__item-head .support-list__markers-item::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M8.37955 25.1776L6.82422 23.6223L14.4462 15.9999L6.82422 8.3776L8.37955 6.82227L16.0019 14.4443L23.6242 6.82227L25.1796 8.3776L17.5576 15.9999L25.1796 23.6223L23.6242 25.1776L16.0019 17.5556L8.37955 25.1776Z" fill="%23FF1A1A"/></svg>');
}

.support-list__item-body {
    flex-grow: 1;
    background: linear-gradient(131deg, rgba(238,255,211,1) 0%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 100%);
}

.support-list__item-body .support-list__markers-item::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M12.6438 23.8671L5.13281 16.3561L6.72181 14.7671L12.6438 20.6895L25.2551 8.07812L26.8438 9.66712L12.6438 23.8671Z" fill="%2327AE60"/></svg>');
}

.support-list__markers-item {
    display: grid;
    align-items: flex-start;
    grid-template-columns: 32px 1fr;
    gap: 12px;
}

.support-list__markers-item::before {
    content: '';
    display: block;
    aspect-ratio: 1/1;
}

@media (min-width: 481px) {
    .support-list__item-head,
    .support-list__item-title-wrap {
        min-height: var(--min-height);
    }
}

@media (max-width: 768px) {
    .support-head__title {
        font-size: 24px;
    }

    .support-head__text {
        font-size: 16px;
    }

    .support-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .support-list__item-content {
        padding: 20px;
    }

    .support-list {
        grid-template-columns: 1fr;
    }

    .support-list__markers {
        gap: 16px;
    }

    .support-list__markers {
        font-size: 13px;
    }

    .support-list__item-title-wrap {
        margin-bottom: 20px;
    }

    .support-list__item-title {
        font-size: 16px;
    }
}

.solutions__title {
    margin-bottom: 40px;
}

.solutions__text {
    color: var(--dategrey);
}

.solutions__box {
    display: grid;
    grid-template-columns: 460px minmax(0, 1fr);
    align-items: flex-start;
    gap: 20px;
}

.solutions__box .bg-w {
    width: 100%;
}

@media (max-width: 1024px) {
    .solutions__box {
        grid-template-columns: 1fr;
    }
}

.steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.steps__item {
    display: grid;
    grid-template-rows: 1fr auto;
    gap: 24px;
    padding: 24px;
    border-radius: 20px;
    background-color: var(--white);
}

.steps__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
    color: var(--darkgrey);
}

.steps__icon {
    width: 48px;
    height: auto;
    aspect-ratio: 1/1;
    justify-self: flex-end;
}

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

@media (max-width: 450px) {
    .steps {
        grid-template-columns: 1fr;
    }
}

.demo-case__grid {
    display: grid;
    grid-template-columns: 66.25% 1fr;
    gap: 20px;
}

.demo-case__main {
    grid-row: span 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px;
    gap: 40px;
    border-radius: 20px;
    background: linear-gradient(
        287deg,
        rgba(226, 250, 255, 0) 27.29%,
        #ffefa1 100%
    ),
    #fbcb1f;
}

.demo-case__main-title {
    max-width: 410px;
    font-size: 36px;
    font-weight: 700;
    line-height: 110%;
    color: var(--darkgrey);
}

.demo-case__main-text {
    max-width: 499px;
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    color: var(--darkgrey);
}

.demo-case__main-text p:not(:last-child) {
    margin-bottom: 28px;
}

.demo-case__card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.demo-case__card-img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1/0.565;
    min-height: 100%;
    object-fit: cover;
}

.demo-case__card-label {
    position: absolute;
    left: 0;
    top: 0;
    margin: 20px;
    padding: 8px 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 50px;
    background-color: var(--lightblue);
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    color: var(--white);
}

.demo-case__card-label-img {
    width: 20px;
    height: auto;
    aspect-ratio: 1/1;
}

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

    .demo-case__main {
        padding: 20px;
        grid-row: unset;
        grid-column: span 2;
    }

    .demo-case__card-label {
        margin: 10px;
    }
}

@media (max-width: 600px) {
    .demo-case__main-title {
        font-size: 26px;
    }

    .demo-case__main-text {
        font-size: 16px;
    }

    .demo-case__grid {
        grid-template-columns: 1fr;
    }

    .demo-case__main {
        grid-column: unset;
    }
}

.results {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
}

.results__head {
    display: grid;
    grid-template-columns: 66.25% 1fr;
    gap: 20px;
}

.results__banner {
    --padding: 40px;

    grid-row: span 2;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    border-radius: 20px;
    padding: var(--padding);
    background: linear-gradient(
        287deg,
        rgba(226, 250, 255, 0) 27.29%,
        #ffefa1 100%
    ),
    #fbcb1f;
}

.results__banner-title {
    max-width: 389px;
    font-size: 32px;
    font-weight: 700;
    line-height: 110%;
    color: var(--darkgrey);
}

.results__banner-img {
    width: 100%;
    max-width: 260px;
    align-self: flex-end;
    margin-bottom: calc(-1 * var(--padding));
}

.results__score {
    box-sizing: border-box;
    min-height: 150px;
    padding: 30px;
    display: grid;
    align-content: flex-start;
    gap: 16px;
    border-radius: 20px;
    background-color: var(--white);
}

.results__score-title {
    font-size: 36px;
    font-weight: 600;
    line-height: 100%;
    color: var(--blue);
}

.results__score-text {
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    color: var(--middlegrey);
}

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

  .results__banner {
    --padding: 20px;
  }

  .results__score {
    padding: 20px;
  }
}

@media (max-width: 600px) {
  .results__head {
    grid-template-columns: 1fr;
  }

  .results__banner-title,
  .results__score-title {
    font-size: 22px;
  }
}

.faq {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.faq__item {
    display: grid;
    align-content: flex-start;
    gap: 20px;
    padding: 30px 20px;
    border-radius: 20px;
    background-color: var(--white);
}

.faq__head {
    font-size: 24px;
    font-weight: 700;
    line-height: 110%;
    color: var(--darkgrey);
}

.faq__body {
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    color: var(--middlegrey);
}


@media (max-width: 768px) {
    .faq {
        grid-template-columns: 1fr;
    }
}

.slick-dots:has(li:only-child) {
    display: none;
}

.screenshot-list {
    margin-right: -20px;
}

.screenshot-list__item:not(:last-child) {
    margin-right: 20px;
}

.screenshot-card {
    display: block;
    border-radius: 20px;
    background: var(--white);
    transition: box-shadow 0.3s ease-in-out;
}

.screenshot-card__head {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.screenshot-card__head::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
    z-index: 3;
}

.screenshot-card__bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.screenshot-card__bg-img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: blur(7px);
    z-index: 2;
}

.screenshot-card__img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 2/1;
    object-fit: contain;
    object-position: center;
    z-index: 1;
}

.screenshot-card__bg .screenshot-card__img {
    object-fit: cover;
}

.screenshot-card__info {
    padding: 22px 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    color: var(--darkgrey);
}

.screenshot-card__button {
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    padding: 9px;
    border-radius: 50%;
    background-color: var(--gentlegrey);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 4;
    pointer-events: none;
}

.screenshot-card__button-icon {
    display: block;
    width: 38px;
    height: auto;
    aspect-ratio: 1/1;
}

.screenshot-card:hover {
    box-shadow: 0 60px 110px -70px rgba(0, 0, 0, 0.20);
}

.screenshot-card:hover .screenshot-card__head::before,
.screenshot-card:hover .screenshot-card__button {
    opacity: 1;
}

@media (max-width: 1170px) {
    .screenshot-card__head::before,
    .screenshot-card__button {
        opacity: 1;
    }    
}

/* End */


/* Start:/local/templates/main/css/custom.css?176345317511515*/
.header-menu {
	z-index:11;
}
.figure-small .figure__badge {
  position: absolute;
  top: 30px;
  left: 30px;
}

/*
.grey-text p, .about__text p {
    margin-bottom: 24px;
}
*/

.article p,
.article div {
  margin-bottom: 24px;
  max-width: 91%;
}

@media (max-width: 1170px) {
  .article p {
    margin-bottom: 40px;
  }
}

@media (max-width: 991px) {
  .article p {
    margin-bottom: 40px;
  }
}

@media (max-width: 690px) {
  .article p {
    margin-bottom: 30px;
  }
}

.pop-up-teacher {
	padding: 40px 50px;
}

@media (max-width: 1200px) {
	.pop-up-teacher {
	  padding: 30px 30px;
	}
}

@media (max-width: 690px) {
    .pop-up-teacher {
        padding: 20px 20px;
        overflow-x: auto;
    }
}

.project-intro__main,
.project-intro__tasks {
  justify-content: normal;
}

.project-intro .medium-title {
  margin-bottom: 24px;
}

.project-intro {
  color: var(--projectFontColor);
}

.grey-text p {
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  color: var(--middlegrey);
  display: grid;
}

.pop-up__video {
  position: relative;
  width: 340px;
  min-width: 340px;
}

.select-custom__sheet nav a#zdravookhranenie::before {
  background-image: url(/local/templates/main/css/../img/icons/portfolio/zdravookhranenie.svg);
}

.select-custom__sheet nav a#smi::before {
  background-image: url(/local/templates/main/css/../img/icons/portfolio/smi.svg);
}

.detail-tip__btn.tiny-card {
  width: unset;
  display: unset;
  margin: 0;
  font-size: unset;
  padding: 0 10px 14px 10px;
}

@media (max-width: 991px) {
  .project-page .banner-slider > li {
    background-size: cover;
  }
}

.detail-tip__btn {
  display: none;
}

/* 
 * TODO:
 * Remove this after updating of styles from https://html.imedia.solutions/chdk-1C/
*/
.section:not(:last-child):has(+ footer) {
  margin-bottom: 0;
}

.slick-list {
  width: 100%;
}


a {
	-webkit-touch-callout: none;
	outline:none
}

.article h2 {
  font-size: 28px;
}

.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
	margin-bottom: 18px
}

.article h3 {
	font-size: 24px;
}
.article h4 {
	font-size: 20px;
}

.article h3:has(+ br) {
	margin-bottom: 0;
}

.article h5,
.article h6 {
  font-size: 20px;
}

#articles .figure-large__title {
	margin-bottom: 12px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    -webkit-line-clamp: 3;
	word-break: break-word;
}

.product-card a {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    gap: 20px;
}

.big-grey-text h3 {
	font-size:20px;
	line-height: 1.5rem;
	margin-bottom: 20px;
}

.pop-up .feedback__wrap {
  width: 100%;
}

.form_success {
  box-sizing: border-box;
  margin-bottom: 40px;
  padding: 8px;
  border-radius: 8px;
  background-color: var(--purple);
  color: var(--white);
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.feedback__form .form_success {
  max-width: 460px;
}

@media (max-width: 991px) {
  .feedback__form .form_success {
    max-width: 344px;
  }
}

@media (max-width: 690px) {
  .feedback__form .form_success {
    max-width: 100%;
  }

  .pop-up:has(.feedback__wrap) {
    padding-inline: 0;
    padding-bottom: 0;
  }

  .feedback__wrap {
    padding-bottom: min(420px, 90vw);
  }
}

.feedback {
	position:relative;
}
.feedback .plate {
	background-color: var(--white);
}

/* .about__left {
  background: url(/upload/main/video_main_natalia.jpg) no-repeat;
} */

.typical__list {
	grid-template-rows: unset;
}
.typical__list .medium-title {
	font-size:24px;
    line-height: 26px;
	min-height: 61px;
}
.typical__list .tax-account .medium-title {
	font-size:32px;
	line-height: 32px;
}
.typical__item .typical__inner {
	margin-top: 12px;
}
.typical__inner.multi-column ul {
	width: 50%;
}
.product-card__footer {
	gap: 5px;
}

#static-form-container input[type=checkbox] {
    appearance: auto;
    outline: none;
    margin: 0;
    cursor: auto;
    width: auto;
    height: auto;
}
#static-form-container form label {
	font-size: 14px !important;
}
@media (max-width: 600px) {
	.container-module_container__PQouW {
		min-width:340px !important;
		padding-left:0 !important;
		padding-right:0 !important;
	}
}

.industry__inner span {
    white-space: nowrap;
}

@media (min-width: 990px) {
	.pop-up__header h4 {
		margin-right: 300px;
	}
}


.azure-button {
    background-color: var(--lightblue);
    border-color: var(--lightblue);
}

.azure-button:hover {
    background-color: var(--white);
    color: var(--lightblue);
}

.terracotta-button {
    background-color: var(--terracotta);
    border-color: var(--terracotta);
}

.terracotta-button:hover {
    background-color: var(--white);
    color: var(--terracotta);
}

.ochre-button {
    background-color: var(--ochre);
    border-color: var(--ochre);
}

.ochre:hover-button {
    background-color: var(--white);
    color: var(--ochre);
}

.terracotta-button {
    background-color: var(--cinnabar);
    border-color: var(--cinnabar);
}

.terracotta-button:hover {
    background-color: var(--white);
    color: var(--cinnabar);
}

.skyblue-button {
    background-color: var(--skyblue);
}

.lavender-button {
    background-color: var(--lavender);
    border-color: var(--lavender);
}

.lavender-button:hover {
    background-color: var(--white);
    color: var(--lavender);
}

.darkblue-button {
    background-color: var(--darkblue);
    border-color: var(--darkblue);
}

.darkblue-button:hover {
    background-color: var(--white);
    color: var(--darkblue);
}
.teal-button {
    background-color: #33CCCC;
    border-color: #33CCCC;
}

.teal-button:hover {
    background-color: var(--white);
    color: #33CCCC;
}
.violet-button {
    background-color: #CC65C4;
    border-color: #CC65C4;
}

.violet-button:hover {
    background-color: var(--white);
    color: #CC65C4;
}

.services-board__quater-item .middlegrey, .services-board__half-item .middlegrey, .services-board__third-item .middlegrey {
	margin-bottom:15px;
}
.services-board__quater-item .middlegrey ul, .services-board__half-item .middlegrey ul, .services-board__third-item .middlegrey ul {
	margin-bottom: 25px;
    margin-top: 25px;
}

.search__link {
    font-family: Manrope;
    font-size: 14px;
}

.expense__list {
    flex-wrap: wrap;
}

.search_row {
	padding:24px 0;
	border-bottom:1px solid var(--grey-60);
}
	.search_row a {
		color: var(--darkgrey);
	}
	.search_row a:hover {
		color: var(--lightblue);
	}
		.search_row a:hover p {
			color: var(--blue);
		}
	.search_row a p {
		padding-top:1rem;
	}

.feedback__btn_nocheck {
    padding: 2px 20px 3px;
    max-height: 50px;
    height: 50px;
    display: inline-block;
    width: fit-content;
    font-size: 14px;
    line-height: 16.8px;
}

.merchandise__list li {
	background-size: auto 220px;
}
.custom-version-table {
	width: 100%;
}
.custom-version-table tr th:first-of-type, .custom-version-table tr td:first-of-type {
	width: auto;
}
.rebate__saving {
margin-bottom: 0px;
}
.rebate__costs .secondary-btn, .rebate__expander__cost .secondary-btn{
  width: fit-content;
	display: inline-block;
}
.rebate__costs p:nth-last-child(2),
.rebate__expander__cost p:nth-last-child(2){
	margin-bottom: 32px;
}



.solutuion-text p:not(:last-child),
.solutuion-text ul:not(:last-child),
.solutuion-text ol:not(:last-child),
.solutuion-text ol > li:not(:last-child), 
.event-programm ul:not(:last-child),
.event-programm ol:not(:last-child),
.event-programm ol > li:not(:last-child) {
    margin-bottom: 20px;
}

.solutuion-text ul, .event-programm ul {
    padding-left: 30px;
}

.solutuion-text ul li, .event-programm ul li {
    position: relative;
}

.solutuion-text ul li::before, .event-programm ul li::before {
    content: '•';
    position: absolute;
    left: -24px;
    top: 0;
}

.solutuion-text ol, .event-programm ol {
    padding-left: 0;
    list-style-position: inside;
}

.solutuion-text ol ul, .event-programm ol ul {
    margin-block: 20px;
}

.solutuion-text ol:last-child,
.solutuion-text ul:last-child,
.event-programm ol:last-child,
.event-programm ul:last-child {
    margin-bottom: 0;
}

.article ul li, .article ol li {
    font-weight: 500;
    line-height: 19.2px;
    color: var(--darkgrey);
}

.article p+ol, .article p+ul {
    padding-top: 0;
}

.article ol li>p, .article ul li>p {
    font-weight: 500;
	margin-bottom: 0;
}

.article ul {
	margin-bottom:24px;
}

.article table {
    border-collapse: collapse;
	border-radius: 20px;
	font-family: Manrope;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
	overflow:hidden;
}

.article table th td, .article table tr:first-child td {
    background-color: var(--greybackground);
    padding: 15px 10px;
}
	.article table th td p, .article table tr:first-child td p {
		font-weight: 700;
	}
.article table tr td {
    background-color: var(--white);
    box-sizing: border-box;
    padding: 15px 10px;
    border-bottom: 1px solid #DADEE6;
}
.article table td p {
	margin-bottom: 0;
	font-weight: 500;
    max-width: 100%;
}

@media (max-width: 1170px) {
	.article table th td {
       padding: 10px;
    }

     .article table, .article table p {
        font-size: 14px;
    }
}

.service-presentation__cost {
	gap: 20px;
}

.products-cards-grid {
	grid-template-rows: repeat(1, 1fr);
}

.product-block .img-block-tiny {
	background-color:#FFF;
}
@media (max-width: 600px) {
    .support-rates__item {
        min-height: auto;
    }
}

.connected__main-block {
	gap: 20px;
}

.comparison-table th a.secondary-btn, .tiny-table tbody a.secondary-btn {
	display: inline-block;
	margin-top: 20px;
    font-size: 12px;
    line-height: 23px;
    padding: 2px 20px;
}

.search__sheet {
    box-shadow: 0 4px 5px #999;
}

.share li a:hover {
    cursor: pointer;
}

.event_signup_button {
    padding: 2px 20px 3px;
    max-height: 50px;
    width: 100%;
    height: 50px;
    display: inline-block;
    font-size: 14px;
    line-height: 16.8px;
    background-color: var(--lightblue);
    border-radius: 10px;
    border: 2px solid var(--lightblue);
    color: var(--white);
    font-family: Manrope;
    font-weight: 700;
    cursor: pointer;
    transition: color 0.2s, background-color 0.2s;
}

.banner-slider .form_success {
	position:absolute;
	top: -20px;
	padding: 8px 20px;
}
@media (max-width: 600px) {
    .banner-slider .form_success {
		font-size: 16px;
    }
}

.project-intro__main a:not([class]),
.project-intro__tasks a:not([class]),
.implement-box a:not([class]),
.img-block-tiny a, .service-presentation__info a:not([class]),
.accordion__answer a:not([class]) {
	color: inherit;
	text-decoration: underline;
}

.project-intro__main a:not([class]):hover,
.project-intro__tasks a:not([class]):hover,
.implement-box a:not([class]):hover,
.img-block-tiny a:not([class]):hover,
.service-presentation__info a:not([class]):hover,
.accordion__answer a:not([class]):hover {
  text-decoration: none;
}

.service-presentation__cost {
  text-align: center;
}

.bx-yandex-view-map .ymaps-map {
    width: 100% !important;
}

.pop-up-callback[data-template="header.feedback"] {
  padding: 0;
  background-image: none;
}
 
.pop-up-callback-container {
  background-size: inherit;
  background-repeat: inherit;
  background-position: inherit;
}

.pop-up--gift .feedback__input {
  background-color: var(--gentlegrey);
}

.popular-articles__wrap .popular-articles {
    margin-bottom: 30px;
}

.video-ext { 
  position: relative;
  overflow: hidden;
  min-height: auto !important;
  aspect-ratio: 16 / 9;
  height: auto;
}
.video-ext iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* End */
/* /local/templates/main/css/slick.css?17587963311776 */
/* /local/templates/main/css/slick-theme.css?17587963314398 */
/* /local/templates/main/libs/fancybox/fancybox.min.css?176339585615600 */
/* /local/templates/main/css/texts.css?17587963319514 */
/* /local/templates/main/css/article.css?176250875115508 */
/* /local/templates/main/css/style.css?1764745385201758 */
/* /local/templates/main/css/custom.css?176345317511515 */