.elementor-kit-24{--e-global-color-primary:#1B1C1A;--e-global-color-secondary:#F9F7F4;--e-global-color-text:#0E1114;--e-global-color-accent:#0F2A23;--e-global-color-a6140ef:#1F7A5C;--e-global-color-136b6c6:#E4A14B;--e-global-color-06d60b6:#D8D2CC;--e-global-color-50775e8:#E6E2DD;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.6em;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-size:14px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.6em;--e-global-typography-text-font-family:"Playfair Display";--e-global-typography-text-font-size:64px;--e-global-typography-text-font-weight:500;--e-global-typography-text-line-height:1.1em;--e-global-typography-accent-font-family:"Playfair Display";--e-global-typography-accent-font-size:48px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.1em;--e-global-typography-394fae6-font-family:"Manrope";--e-global-typography-394fae6-font-size:16px;--e-global-typography-394fae6-font-weight:400;--e-global-typography-394fae6-text-transform:uppercase;background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-24 e-page-transition{background-color:#FFBC7D;}.elementor-kit-24 p{margin-block-end:0px;}.elementor-kit-24 a{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-24 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-24 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:80vw;}.e-con{--container-max-width:80vw;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-24{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-24 a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-24 h1{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-24 h2{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-24{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-24 a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-24 h1{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-24 h2{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.elementor-icon{
  display: flex;
  align-items: center;
  line-height: 0;
}

.dark-area{
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;

  box-sizing: border-box;
}


@media (max-width: 767px){
    .dark-area{
  width: 100%;
    }
}



/* Элементы, которые анимируем */
.bg-content-portfolio .portfolio-anim{
  transition:
    opacity 220ms ease-out,
    transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

/* OUT */
.bg-content-portfolio.is-animating-out .portfolio-anim{
  opacity: 0;
  transform: translateY(8px);
  transition-delay: var(--d, 0ms);
}

/* IN */
.bg-content-portfolio.is-animating-in .portfolio-anim{
  opacity: 1;
  transform: translateY(0);
  transition-delay: var(--d, 0ms);
}

.slide-portfolio-prev,
.slide-portfolio-next{
  cursor: pointer;
  pointer-events: auto;
  position: relative;
  z-index: 5;
}

/* контейнер всего блока портфолио */
.bg-content-portfolio{
  --st: 55ms; /* шаг задержки */
}

/* базовое состояние */
.bg-content-portfolio .portfolio-title,
.bg-content-portfolio .portfolio-subtitle,
.bg-content-portfolio .portfolio-desc,
.bg-content-portfolio .portfolio-kpi1-value,
.bg-content-portfolio .portfolio-kpi1-tag,
.bg-content-portfolio .portfolio-kpi1-note,
.bg-content-portfolio .portfolio-kpi2-value,
.bg-content-portfolio .portfolio-kpi2-note,
.bg-content-portfolio .btn-portfolio-sec{
  will-change: transform, opacity, filter;
}

/* OUT */
.bg-content-portfolio.is-animating-out .portfolio-title,
.bg-content-portfolio.is-animating-out .portfolio-subtitle,
.bg-content-portfolio.is-animating-out .portfolio-desc,
.bg-content-portfolio.is-animating-out .portfolio-kpi1-value,
.bg-content-portfolio.is-animating-out .portfolio-kpi1-tag,
.bg-content-portfolio.is-animating-out .portfolio-kpi1-note,
.bg-content-portfolio.is-animating-out .portfolio-kpi2-value,
.bg-content-portfolio.is-animating-out .portfolio-kpi2-note,
.bg-content-portfolio.is-animating-out .btn-portfolio-sec{
  opacity: 0;
  transform: translateY(6px);
  filter: blur(2px);
  transition: opacity 180ms ease-out, transform 180ms ease-out, filter 180ms ease-out;
}

/* IN (подготовка: скрыто) */
.bg-content-portfolio.is-animating-in .portfolio-title,
.bg-content-portfolio.is-animating-in .portfolio-subtitle,
.bg-content-portfolio.is-animating-in .portfolio-desc,
.bg-content-portfolio.is-animating-in .portfolio-kpi1-value,
.bg-content-portfolio.is-animating-in .portfolio-kpi1-tag,
.bg-content-portfolio.is-animating-in .portfolio-kpi1-note,
.bg-content-portfolio.is-animating-in .portfolio-kpi2-value,
.bg-content-portfolio.is-animating-in .portfolio-kpi2-note,
.bg-content-portfolio.is-animating-in .btn-portfolio-sec{
  opacity: 0;
  transform: translateY(10px);
  filter: blur(3px);
}

/* IN (показ) + stagger */
.bg-content-portfolio.is-animating-in.is-show .portfolio-title,
.bg-content-portfolio.is-animating-in.is-show .portfolio-subtitle,
.bg-content-portfolio.is-animating-in.is-show .portfolio-desc,
.bg-content-portfolio.is-animating-in.is-show .portfolio-kpi1-value,
.bg-content-portfolio.is-animating-in.is-show .portfolio-kpi1-tag,
.bg-content-portfolio.is-animating-in.is-show .portfolio-kpi1-note,
.bg-content-portfolio.is-animating-in.is-show .portfolio-kpi2-value,
.bg-content-portfolio.is-animating-in.is-show .portfolio-kpi2-note,
.bg-content-portfolio.is-animating-in.is-show .btn-portfolio-sec{
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
  transition:
    opacity 260ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
    filter 260ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--d, 0ms);
}

@media (max-width: 767px){
    .elementor-kit-24{
        overflow: visible !important;
    }
}

.chip-demo{
    width: fit-content;
}

.h-muted{
  color: rgba(163, 158, 152, 1);
}

.bg-content-portfolio{
background: linear-gradient(
  -10deg,
  rgba(255,255,255,0.02) 50%,
  rgba(249,247,244,0.10) 100%
);
}

@media (max-width: 767px){
    .bg-content-portfolio{
z-index: 10;
margin: 0 auto 24px !important;
background: linear-gradient(
  -10deg,
  rgba(23, 26, 29, 1) 50%,
  rgba(38, 40, 42, 1) 100%
);
}

.slide-portfolio-nav .slide-portfolio-prev{
  min-width: 135px;
  width: fit-content !important;
  height: fit-content !important;              /* важно: не фиксируем fit-content */
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;

  /* твой градиент НЕ трогаем */
  background: linear-gradient(
    -10deg,
    rgba(255,255,255,0.01) 50%,
    rgba(249,247,244,0.10) 100%
  );
  pointer-events: pointer !important;
}

/* 1) Убираем baseline/line-height у ВСЕХ возможных обёрток иконки */
.slide-portfolio-prev .elementor-icon,
.slide-portfolio-prev .elementor-icon-wrapper,
.slide-portfolio-prev .elementor-widget-icon,
.slide-portfolio-prev .elementor-widget-icon .elementor-widget-container,
.slide-portfolio-prev .elementor-widget-html,
.slide-portfolio-prev .elementor-widget-html .elementor-widget-container{
  display: flex;
  align-items: center;
  line-height: 0;
}

/* 2) Сам SVG/IMG — block, без хвоста */
.slide-portfolio-prev svg,
.slide-portfolio-prev img{
  display: block;
  vertical-align: middle;
}

/* 3) Текст: убираем “лишнюю высоту” от заголовка */
.slide-portfolio-prev .elementor-heading-title{
  margin: 0;
  line-height: 1;
}

/* 4) Иногда Elementor добавляет нижние отступы контейнерам виджетов */
.slide-portfolio-prev .elementor-widget,
.slide-portfolio-prev .elementor-widget-container{
  margin: 0;
}

.slide-portfolio-next{
  min-width: 128px;
  width: fit-content;
  height: fit-content;              /* важно: не фиксируем fit-content */
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;

  /* твой градиент НЕ трогаем */
  background: linear-gradient(
    -10deg,
    rgba(255,255,255,0.01) 50%,
    rgba(249,247,244,0.10) 100%
  );
}

/* 1) Убираем baseline/line-height у ВСЕХ возможных обёрток иконки */
.slide-portfolio-next .elementor-icon,
.slide-portfolio-next .elementor-icon-wrapper,
.slide-portfolio-next .elementor-widget-icon,
.slide-portfolio-next .elementor-widget-icon .elementor-widget-container,
.slide-portfolio-next .elementor-widget-html,
.slide-portfolio-next .elementor-widget-html .elementor-widget-container{
  display: flex;
  align-items: center;
  line-height: 0;
}

/* 2) Сам SVG/IMG — block, без хвоста */
.slide-portfolio-next svg,
.slide-portfolio-next img{
  display: block;
  vertical-align: middle;
}

/* 3) Текст: убираем “лишнюю высоту” от заголовка */
.slide-portfolio-next .elementor-heading-title{
  margin: 0;
  line-height: 1;
}

/* 4) Иногда Elementor добавляет нижние отступы контейнерам виджетов */
.slide-portfolio-next .elementor-widget,
.slide-portfolio-next .elementor-widget-container{
  margin: 0;
}

.proc-card-media{
    aspect-ratio: 319/340 !important;
}

.chip-process{
    width: fit-content;
}

.team-title{
    font-size: clamp(32px, 40px, 4vw) !important;
    display: flex;
    gap: 12px;
}

.team-title__right{
    color: #E4A14B;
}

.team-title__icon{
    width: 48px !important;
}/* End custom CSS */