.elementor-57 .elementor-element.elementor-element-2ec466e4{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;border-style:none;--border-style:none;--border-radius:8px 8px 8px 8px;box-shadow:5px 5px 10px 10px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;--z-index:3;}.elementor-57 .elementor-element.elementor-element-2ec466e4:not(.elementor-motion-effects-element-type-background), .elementor-57 .elementor-element.elementor-element-2ec466e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-57 .elementor-element.elementor-element-3959963b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-57 .elementor-element.elementor-element-6dfc7b93 .elementor-icon-wrapper{text-align:center;}.elementor-57 .elementor-element.elementor-element-6dfc7b93.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-57 .elementor-element.elementor-element-6dfc7b93.elementor-view-framed .elementor-icon, .elementor-57 .elementor-element.elementor-element-6dfc7b93.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-57 .elementor-element.elementor-element-6dfc7b93.elementor-view-framed .elementor-icon, .elementor-57 .elementor-element.elementor-element-6dfc7b93.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-57 .elementor-element.elementor-element-6dfc7b93.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-secondary );}.elementor-57 .elementor-element.elementor-element-6dfc7b93.elementor-view-framed .elementor-icon:hover, .elementor-57 .elementor-element.elementor-element-6dfc7b93.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-57 .elementor-element.elementor-element-6dfc7b93.elementor-view-framed .elementor-icon:hover, .elementor-57 .elementor-element.elementor-element-6dfc7b93.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-secondary );}.elementor-57 .elementor-element.elementor-element-6dfc7b93 .elementor-icon{font-size:24px;}.elementor-57 .elementor-element.elementor-element-6dfc7b93 .elementor-icon svg{height:24px;}.elementor-widget-heading .elementor-heading-title{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 );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-57 .elementor-element.elementor-element-7f87fa1f{text-align:start;}.elementor-57 .elementor-element.elementor-element-7f87fa1f .elementor-heading-title{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 );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-57 .elementor-element.elementor-element-22699e0b{--display:flex;}.elementor-widget-text-editor{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 );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-57 .elementor-element.elementor-element-4dc9611b{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;font-family:"Mulish", Sans-serif;font-size:16px;font-weight:500;}#elementor-popup-modal-57 .dialog-widget-content{animation-duration:0.2s;border-radius:8px 8px 8px 8px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-57{background-color:#003459E8;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-57 .dialog-message{width:100vw;height:100vh;align-items:flex-start;}#elementor-popup-modal-57 .dialog-close-button{display:flex;font-size:46px;}.eael-reading-progress-wrap .eael-reading-progress{height:5px !important;}.eael-reading-progress-wrap .eael-reading-progress .eael-reading-progress-fill{height:5px !important;background-color:#2493FF;transition:width 50ms ease;}.eael-reading-progress{background-color:#2493FF00;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button{bottom:15px;right:15px;width:50px;height:50px;z-index:9999;opacity:0.7;background-color:#000000;border-radius:8px;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button i{font-size:30px;color:#ffffff;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button svg{width:30px;height:30px;fill:#ffffff;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-57 .elementor-element.elementor-element-7f87fa1f .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-57 .elementor-element.elementor-element-2ec466e4{--width:100vw;}.elementor-57 .elementor-element.elementor-element-3959963b{--width:100%;}.elementor-57 .elementor-element.elementor-element-22699e0b{--width:100%;}}@media(max-width:767px){.elementor-57 .elementor-element.elementor-element-2ec466e4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57 .elementor-element.elementor-element-3959963b{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-57 .elementor-element.elementor-element-7f87fa1f .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-57 .elementor-element.elementor-element-4dc9611b{padding:15px 15px 15px 15px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}/* Start custom CSS *//* Горизонтальный слайдер */
.horizontal-scroll-container {
  overflow: hidden;
  width: 100vw;
  height: 320px;
  display: block;
  position: relative;
  margin: 0 auto;
}

.horizontal-scroll-track {
  display: flex;
  align-items: center;
  will-change: transform;
}

.slide {
  min-width: 850px;
  width: 850px !important;
  max-width: 850px;
  height: 250px !important;
  margin: 0 40px;
  background: #0e223d;
  color: #fff;
  display: flex;
 
  border-radius: 16px;
  font-size: 2rem;
  filter: blur(6px);
  opacity: 0.5;
  transition: filter 0.3s, opacity 0.3s;
  flex-shrink: 0;
  box-shadow: 0 4px 24px rgba(0,0,0,0.08);
}

.slide.focused {
  filter: none;
  opacity: 1;
  z-index: 2;
}

/* Вертикальный card stack слайдер */
.vertical-scroll-container {
  width: 100%;
  max-width: 800px;
  height: 500px;
  margin: 0 auto;
  position: relative;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vertical-card-stack {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.v-card {
  position: absolute;
  width: 600px;
  height: 400px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 20px;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 600;
  cursor: pointer;
  will-change: transform, opacity;
  box-shadow: 0 10px 40px rgba(0,0,0,0.2);
  border: 2px solid rgba(255,255,255,0.1);
  backdrop-filter: blur(10px);
}

.v-card.focused {
  z-index: 10;
  box-shadow: 0 20px 60px rgba(0,0,0,0.3);
  border: 2px solid rgba(255,255,255,0.3);
}

.v-card.blur {
  filter: blur(2px);
}

.v-card.hidden {
  opacity: 0;
  pointer-events: none;
}

/* Специальные стили для разных типов карточек */
.v-card:nth-child(1) {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.v-card:nth-child(2) {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.v-card:nth-child(3) {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.v-card:nth-child(4) {
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}

.v-card:nth-child(5) {
  background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
}

/* Адаптивность */
@media (max-width: 768px) {
  .horizontal-scroll-container {
    height: 280px;
  }
  
  .slide {
    min-width: 300px;
    width: 300px !important;
    max-width: 300px;
    height: 200px !important;
    margin: 0 20px;
    font-size: 1.2rem;
  }
  
  .vertical-scroll-container {
    height: 400px;
    max-width: 90%;
  }
  
  .v-card {
    width: 280px;
    height: 320px;
    font-size: 1.2rem;
  }
}

/* Анимации при hover */
.v-card:hover.focused {
  transform: translateY(-10px) scale(1.02);
  transition: transform 0.3s ease;
}

.slide:hover.focused {
  transform: translateY(-5px);
  transition: transform 0.3s ease;
}

/* Stepped/Cascade слайдер (лесенка) */
.stepped-scroll-container {
  width: 100%;
  max-width: 900px;
  height: 600px;
  margin: 0 auto;
  position: relative;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 1000px;
}

.stepped-card-stack {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.step-card {
  position: absolute;
  width: 500px;
  height: 300px;
  background: #ffffff;
  border-radius: 12px;
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 30px;
  cursor: pointer;
  will-change: transform, opacity;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12);
  border: 1px solid rgba(0,0,0,0.08);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  transition: box-shadow 0.3s ease;
}

.step-card.focused {
  z-index: 10;
  box-shadow: 0 16px 48px rgba(0,0,0,0.2);
  border: 1px solid rgba(0,0,0,0.12);
}

.step-card.blur {
  filter: blur(1px);
}

.step-card.behind {
  filter: none;
}

/* Заголовки карточек */
.step-card h3 {
  margin: 0 0 15px 0;
  font-size: 1.4rem;
  font-weight: 600;
  color: #1a1a1a;
  line-height: 1.3;
}

.step-card p {
  margin: 0;
  font-size: 0.95rem;
  color: #666;
  line-height: 1.5;
}

/* Цветовая схема для разных карточек */
.step-card:nth-child(1) {
  background: linear-gradient(135deg, #f8faff 0%, #e8f2ff 100%);
  border-left: 4px solid #4285f4;
}

.step-card:nth-child(2) {
  background: linear-gradient(135deg, #fff8f0 0%, #ffefdb 100%);
  border-left: 4px solid #ff9500;
}

.step-card:nth-child(3) {
  background: linear-gradient(135deg, #f0f9ff 0%, #dbeafe 100%);
  border-left: 4px solid #0ea5e9;
}

.step-card:nth-child(4) {
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  border-left: 4px solid #22c55e;
}

.step-card:nth-child(5) {
  background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);
  border-left: 4px solid #ec4899;
}

.step-card:nth-child(6) {
  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
  border-left: 4px solid #8b5cf6;
}

/* Специальные элементы карточек */
.step-card .card-label {
  display: inline-block;
  background: rgba(66, 133, 244, 0.1);
  color: #4285f4;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 4px 8px;
  border-radius: 4px;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.step-card:nth-child(2) .card-label {
  background: rgba(255, 149, 0, 0.1);
  color: #ff9500;
}

.step-card:nth-child(3) .card-label {
  background: rgba(14, 165, 233, 0.1);
  color: #0ea5e9;
}

.step-card:nth-child(4) .card-label {
  background: rgba(34, 197, 94, 0.1);
  color: #22c55e;
}

.step-card:nth-child(5) .card-label {
  background: rgba(236, 72, 153, 0.1);
  color: #ec4899;
}

.step-card:nth-child(6) .card-label {
  background: rgba(139, 92, 246, 0.1);
  color: #8b5cf6;
}

/* Адаптивность для stepped слайдера */
@media (max-width: 768px) {
  .stepped-scroll-container {
    height: 500px;
    max-width: 95%;
  }
  
  .step-card {
    width: 320px;
    height: 280px;
    padding: 20px;
  }
  
  .step-card h3 {
    font-size: 1.2rem;
    margin-bottom: 12px;
  }
  
  .step-card p {
    font-size: 0.9rem;
  }
}

/* Hover эффекты */
.step-card:hover.focused {
  transform: translateY(-5px) scale(1.01);
  transition: transform 0.5s ease;
}

/* Дополнительные визуальные эффекты */
.step-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, transparent, rgba(255,255,255,0.3), transparent);
  border-radius: 12px;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.step-card.focused::after {
  opacity: 1;
}/* End custom CSS */