.elementor-widget-premium-counter.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-counter .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-premium-counter .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-premium-counter.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-premium-counter:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-premium-counter.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-premium-counter .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-premium-counter .premium-counter-area .premium-counter-icon .icon i{color:var( --e-global-color-primary );}.elementor-widget-premium-counter .premium-drawable-icon *, .elementor-widget-premium-counter .premium-counter-icon svg:not([class*="premium-"]){fill:var( --e-global-color-primary );}.elementor-widget-premium-counter .premium-drawable-icon *, .elementor-widget-premium-counter svg:not([class*="premium-"]){stroke:var( --e-global-color-accent );}.elementor-widget-premium-counter .premium-counter-area .premium-counter-icon .icon-bg{background:var( --e-global-color-secondary );}.elementor-widget-premium-counter .premium-counter-title .premium-counter-title-val{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-counter .premium-counter-desc{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-premium-counter .premium-counter-area .premium-counter-init{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-counter .premium-counter-area span#prefix{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-counter .premium-counter-area span#suffix{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-8 .elementor-element.elementor-element-76d51c2 .premium-init-wrapper{flex-direction:column;}.elementor-8 .elementor-element.elementor-element-76d51c2 .premium-counter:not(.top){justify-content:center;}.elementor-8 .elementor-element.elementor-element-76d51c2 .premium-counter.top{align-items:center;}.elementor-8 .elementor-element.elementor-element-76d51c2 .premium-counter-value-wrap{align-self:center;}.elementor-8 .elementor-element.elementor-element-76d51c2 .premium-counter-area .premium-counter-icon .icon i{color:var( --e-global-color-v4-mrkt-color-primary-500 );}.elementor-8 .elementor-element.elementor-element-76d51c2 .premium-drawable-icon *, .elementor-8 .elementor-element.elementor-element-76d51c2 .premium-counter-icon svg:not([class*="premium-"]){fill:var( --e-global-color-v4-mrkt-color-primary-500 );}.elementor-8 .elementor-element.elementor-element-76d51c2 .premium-counter-area .premium-counter-icon .icon{font-size:70px;}.elementor-8 .elementor-element.elementor-element-76d51c2 .premium-counter-area .premium-counter-icon svg{width:70px;height:70px;}.elementor-8 .elementor-element.elementor-element-76d51c2 .premium-counter-title .premium-counter-title-val{font-family:"Roboto", Sans-serif;font-size:93px;font-weight:600;line-height:var(--mrkt-typo-line-heading);}.elementor-8 .elementor-element.elementor-element-76d51c2 .premium-counter-area .premium-counter-init{color:var( --e-global-color-v4-mrkt-color-primary-500 );font-size:var(--mrkt-typo-size-h2);font-weight:500;line-height:var(--mrkt-typo-line-heading);}.elementor-8 .elementor-element.elementor-element-76d51c2 .premium-counter-init{padding:0px 5px 0px 0px;}.elementor-8 .elementor-element.elementor-element-76d51c2 .premium-counter-area span#prefix{color:var( --e-global-color-v4-mrkt-color-primary-900 );font-family:"Roboto", Sans-serif;font-size:var(--mrkt-typo-size-h2);font-weight:600;}.elementor-8 .elementor-element.elementor-element-76d51c2 .premium-counter-area span#suffix{color:var( --e-global-color-v4-mrkt-color-primary-300 );font-family:"Barlow", Sans-serif;font-size:var(--mrkt-typo-size-h2);font-weight:600;}.elementor-8 .elementor-element.elementor-element-e4afcbe .premium-init-wrapper{flex-direction:column;}.elementor-8 .elementor-element.elementor-element-e4afcbe .premium-counter:not(.top){justify-content:center;}.elementor-8 .elementor-element.elementor-element-e4afcbe .premium-counter.top{align-items:center;}.elementor-8 .elementor-element.elementor-element-e4afcbe .premium-counter-value-wrap{align-self:center;}.elementor-8 .elementor-element.elementor-element-e4afcbe .premium-counter-area .premium-counter-icon .icon i{color:var( --e-global-color-v4-mrkt-color-primary-500 );}.elementor-8 .elementor-element.elementor-element-e4afcbe .premium-drawable-icon *, .elementor-8 .elementor-element.elementor-element-e4afcbe .premium-counter-icon svg:not([class*="premium-"]){fill:var( --e-global-color-v4-mrkt-color-primary-500 );}.elementor-8 .elementor-element.elementor-element-e4afcbe .premium-counter-area .premium-counter-icon .icon{font-size:70px;}.elementor-8 .elementor-element.elementor-element-e4afcbe .premium-counter-area .premium-counter-icon svg{width:70px;height:70px;}.elementor-8 .elementor-element.elementor-element-e4afcbe .premium-counter-title .premium-counter-title-val{font-family:"Roboto", Sans-serif;font-size:93px;font-weight:600;line-height:var(--mrkt-typo-line-heading);}.elementor-8 .elementor-element.elementor-element-e4afcbe .premium-counter-area .premium-counter-init{color:var( --e-global-color-v4-mrkt-color-primary-500 );font-size:var(--mrkt-typo-size-h2);font-weight:500;line-height:var(--mrkt-typo-line-heading);}.elementor-8 .elementor-element.elementor-element-e4afcbe .premium-counter-init{padding:0px 5px 0px 0px;}.elementor-8 .elementor-element.elementor-element-e4afcbe .premium-counter-area span#prefix{color:var( --e-global-color-v4-mrkt-color-primary-900 );font-family:"Roboto", Sans-serif;font-size:var(--mrkt-typo-size-h2);font-weight:600;}.elementor-8 .elementor-element.elementor-element-e4afcbe .premium-counter-area span#suffix{color:var( --e-global-color-v4-mrkt-color-primary-300 );font-family:"Barlow", Sans-serif;font-size:var(--mrkt-typo-size-h3);font-weight:600;}.elementor-8 .elementor-element.elementor-element-11bed62 .premium-init-wrapper{flex-direction:column;}.elementor-8 .elementor-element.elementor-element-11bed62 .premium-counter:not(.top){justify-content:center;}.elementor-8 .elementor-element.elementor-element-11bed62 .premium-counter.top{align-items:center;}.elementor-8 .elementor-element.elementor-element-11bed62 .premium-counter-value-wrap{align-self:center;}.elementor-8 .elementor-element.elementor-element-11bed62 .premium-counter-area .premium-counter-icon .icon i{color:var( --e-global-color-v4-mrkt-color-primary-500 );}.elementor-8 .elementor-element.elementor-element-11bed62 .premium-drawable-icon *, .elementor-8 .elementor-element.elementor-element-11bed62 .premium-counter-icon svg:not([class*="premium-"]){fill:var( --e-global-color-v4-mrkt-color-primary-500 );}.elementor-8 .elementor-element.elementor-element-11bed62 .premium-counter-area .premium-counter-icon .icon{font-size:70px;}.elementor-8 .elementor-element.elementor-element-11bed62 .premium-counter-area .premium-counter-icon svg{width:70px;height:70px;}.elementor-8 .elementor-element.elementor-element-11bed62 .premium-counter-title .premium-counter-title-val{font-family:"Roboto", Sans-serif;font-size:93px;font-weight:600;line-height:var(--mrkt-typo-line-heading);}.elementor-8 .elementor-element.elementor-element-11bed62 .premium-counter-area .premium-counter-init{color:var( --e-global-color-v4-mrkt-color-primary-500 );font-size:var(--mrkt-typo-size-h2);font-weight:500;line-height:var(--mrkt-typo-line-heading);}.elementor-8 .elementor-element.elementor-element-11bed62 .premium-counter-init{padding:0px 5px 0px 0px;}.elementor-8 .elementor-element.elementor-element-11bed62 .premium-counter-area span#prefix{color:var( --e-global-color-v4-mrkt-color-primary-900 );font-family:"Roboto", Sans-serif;font-size:var(--mrkt-typo-size-h2);font-weight:600;}.elementor-8 .elementor-element.elementor-element-11bed62 .premium-counter-area span#suffix{color:var( --e-global-color-v4-mrkt-color-primary-300 );font-family:"Barlow", Sans-serif;font-size:var(--mrkt-typo-size-h2);font-weight:600;}.elementor-8 .elementor-element.elementor-element-be65a2d .premium-init-wrapper{flex-direction:column;}.elementor-8 .elementor-element.elementor-element-be65a2d .premium-counter:not(.top){justify-content:center;}.elementor-8 .elementor-element.elementor-element-be65a2d .premium-counter.top{align-items:center;}.elementor-8 .elementor-element.elementor-element-be65a2d .premium-counter-value-wrap{align-self:center;}.elementor-8 .elementor-element.elementor-element-be65a2d .premium-counter-area .premium-counter-icon .icon i{color:var( --e-global-color-v4-mrkt-color-primary-500 );}.elementor-8 .elementor-element.elementor-element-be65a2d .premium-drawable-icon *, .elementor-8 .elementor-element.elementor-element-be65a2d .premium-counter-icon svg:not([class*="premium-"]){fill:var( --e-global-color-v4-mrkt-color-primary-500 );}.elementor-8 .elementor-element.elementor-element-be65a2d .premium-counter-area .premium-counter-icon .icon{font-size:70px;}.elementor-8 .elementor-element.elementor-element-be65a2d .premium-counter-area .premium-counter-icon svg{width:70px;height:70px;}.elementor-8 .elementor-element.elementor-element-be65a2d .premium-counter-title .premium-counter-title-val{font-family:"Roboto", Sans-serif;font-size:93px;font-weight:600;line-height:var(--mrkt-typo-line-heading);}.elementor-8 .elementor-element.elementor-element-be65a2d .premium-counter-area .premium-counter-init{color:var( --e-global-color-v4-mrkt-color-primary-500 );font-size:var(--mrkt-typo-size-h2);font-weight:500;line-height:var(--mrkt-typo-line-heading);}.elementor-8 .elementor-element.elementor-element-be65a2d .premium-counter-init{padding:0px 5px 0px 0px;}.elementor-8 .elementor-element.elementor-element-be65a2d .premium-counter-area span#prefix{color:var( --e-global-color-v4-mrkt-color-primary-900 );font-family:"Roboto", Sans-serif;font-size:var(--mrkt-typo-size-h2);font-weight:600;}.elementor-8 .elementor-element.elementor-element-be65a2d .premium-counter-area span#suffix{color:var( --e-global-color-v4-mrkt-color-primary-300 );font-family:"Barlow", Sans-serif;font-size:var(--mrkt-typo-size-h3);font-weight:600;}.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-html .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-html.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-html:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-html.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-d4fbb89{left:0px;}body.rtl .elementor-8 .elementor-element.elementor-element-d4fbb89{right:0px;}.elementor-8 .elementor-element.elementor-element-d4fbb89{top:0px;}.elementor-widget-icon-list.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-list .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-icon-list .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-icon-list.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-icon-list:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-icon-list.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-icon-list .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-8 .elementor-element.elementor-element-fbf8462 .elementor-icon-list-icon i{color:var( --e-global-color-v4-mrkt-color-primary-500 );transition:color 0.3s;}.elementor-8 .elementor-element.elementor-element-fbf8462 .elementor-icon-list-icon svg{fill:var( --e-global-color-v4-mrkt-color-primary-500 );transition:fill 0.3s;}.elementor-8 .elementor-element.elementor-element-fbf8462{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-8 .elementor-element.elementor-element-fbf8462 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8 .elementor-element.elementor-element-fbf8462 .elementor-icon-list-item > a{font-family:var( --e-global-typography-v4-mrkt-typo-small-font-family ), Sans-serif;font-size:var( --e-global-typography-v4-mrkt-typo-small-font-size );font-weight:var( --e-global-typography-v4-mrkt-typo-small-font-weight );line-height:var( --e-global-typography-v4-mrkt-typo-small-line-height );letter-spacing:var( --e-global-typography-v4-mrkt-typo-small-letter-spacing );}.elementor-8 .elementor-element.elementor-element-fbf8462 .elementor-icon-list-text{color:var( --e-global-color-v4-mrkt-color-text-muted-white );transition:color 0.3s;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-3951227{left:0px;}body.rtl .elementor-8 .elementor-element.elementor-element-3951227{right:0px;}.elementor-8 .elementor-element.elementor-element-3951227{top:0px;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-2f86e34{left:0px;}body.rtl .elementor-8 .elementor-element.elementor-element-2f86e34{right:0px;}.elementor-8 .elementor-element.elementor-element-2f86e34{top:0px;}@media(max-width:1300px){.elementor-8 .elementor-element.elementor-element-fbf8462 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8 .elementor-element.elementor-element-fbf8462 .elementor-icon-list-item > a{font-size:var( --e-global-typography-v4-mrkt-typo-small-font-size );line-height:var( --e-global-typography-v4-mrkt-typo-small-line-height );letter-spacing:var( --e-global-typography-v4-mrkt-typo-small-letter-spacing );}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-fbf8462 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8 .elementor-element.elementor-element-fbf8462 .elementor-icon-list-item > a{font-size:var( --e-global-typography-v4-mrkt-typo-small-font-size );line-height:var( --e-global-typography-v4-mrkt-typo-small-line-height );letter-spacing:var( --e-global-typography-v4-mrkt-typo-small-letter-spacing );}}/* Start custom CSS for html, class: .elementor-element-d4fbb89 */.mrkt-cards-grid {
  display: grid!important;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--mrkt-space-m);
  border-radius: 3px;
  overflow: hidden;
}

.mrkt-card {
  background: var(--mrkt-color-neutral);
  padding: var(--mrkt-space-m)!important;
  border: 1px solid var(--mrkt-color-accent);
  transform: translateY(20px);
  opacity: 0;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  display: flex!important;
  flex-direction: column;
  gap: var(--mrkt-space-s);
  transition: 
  background .25s,
    transform 0.8s cubic-bezier(0.2, 1, 0.3, 1),
    box-shadow 0.3s ease,
    opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}

.mrkt-card:hover {
  background: color-mix(in srgb, var(--mrkt-color-accent) 50%, transparent);
  box-shadow: 0 15px 30px rgba(0,0,0,0.05);
  border-color: var(--mrkt-color-primary-500);
}


/* top accent line */

.mrkt-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--mrkt-color-primary);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s ease;
}

.mrkt-card:hover::before {
  transform: scaleX(1)
}

/* Card Content Styling */

.mrkt-icon {
  width: 36px;
  height: 36px;
  color: var(--mrkt-color-text);
  transition: color .2s;
  flex-shrink: 0;
}

.mrkt-card:hover .mrkt-icon {
  color: var(--mrkt-color-primary)
}

.mrkt-link {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-family: var(--font-body);
  font-size: .62rem;
  letter-spacing: .16em;
  color: var(--mrkt-color-text);
  text-transform: uppercase;
  text-decoration: none;
  transition: color .2s;
}

.mrkt-card:hover .mrkt-link {
  color: var(--mrkt-color-primary)
}

.mrkt-link svg {
  transition: transform .25s
}

.mrkt-card:hover .mrkt-link svg {
  transform: translateX(4px)
}


.mrkt-card.appear {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74da2bb *//* Real Dashboard Layout UI Mimicking */
  .mockup-app-window {
      background-color: #0f172a;
      border-radius: 12px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      overflow: hidden;
      box-shadow: var(--shadow-heavy);
  }

  .app-window-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: #020617;
      padding: 12px 24px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }

  .header-left-signals {
      display: flex;
      align-items: center;
      gap: 12px;
  }

  .window-dots {
      display: flex;
      gap: 6px;
  }

  .w-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
  }

  .live-status {
      display: flex;
      align-items: center;
      gap: 8px;
      font-family: var(--font-sans);
      font-size: 11px;
      font-weight: 800;
      text-transform: uppercase;
      color: #94a3b8;
      letter-spacing: 1px;
  }

  .live-dot {
      width: 8px;
      height: 8px;
      background-color: #10b981;
      border-radius: 50%;
      position: relative;
  }

  .live-dot::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #10b981;
      border-radius: 50%;
      animation: pulse-ring 1.5s infinite;
  }

    @keyframes pulse-ring {
        0% { transform: scale(1); opacity: 0.8; }
        100% { transform: scale(3); opacity: 0; }
    }

  .w-dot-red {
      background-color: #ef4444;
  }

  .w-dot-yellow {
      background-color: #f59e0b;
  }

  .w-dot-green {
      background-color: #10b981;
  }

  .app-title-tag {
      font-size: 10px;
      font-weight: 800;
      color: #64748b;
      text-transform: uppercase;
      letter-spacing: 1px;
  }

  .app-body-split {
      display: flex;
      flex-direction: column;
      height: 450px;
  }

  @media (min-width: 768px) {
      .app-body-split {
          flex-direction: row;
      }
  }

  /* Left Side Controls Tab Menu */
  .app-sidebar-tabs {
      width: 100%;
      background-color: #020617;
      border-right: 1px solid rgba(255, 255, 255, 0.05);
      padding: 12px;
      display: flex;
      flex-direction: row;
      overflow-x: auto;
      gap: 6px;
      flex-shrink: 0;
  }

  @media (min-width: 768px) {
      .app-sidebar-tabs {
          width: 180px;
          flex-direction: column;
          overflow-x: visible;
      }
  }

  .tab-menu-btn {
      display: flex;
      align-items: center;
      gap: 10px;
      width: 100%;
      background-color: transparent;
      border: none;
      padding: 10px 14px;
      border-radius: var(--border-radius);
      color: #64748b;
      font-family: var(--mrkt-typo-font-body);
      font-size: 11px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      cursor: pointer;
      text-align: left;
      transition: var(--transition-smooth);
      white-space: nowrap;
  }

  .tab-menu-btn svg {
      width: 14px;
      height: 14px;
      flex-shrink: 0;
  }

  .tab-menu-btn:hover {
      color: var(--white);
      background-color: rgba(255, 255, 255, 0.03);
  }

  .tab-menu-btn.active {
      background-color: var(--primary-dark-blue);
      color: var(--white);
  }

  /* Tab panels screens */
  .app-screen-viewport {
      flex: 1;
      padding: 24px;
      overflow-y: auto;
      position: relative;
  }

  .tab-panel-container {
      display: none;
      flex-direction: column;
      gap: 20px;
  }

  .tab-panel-container.active {
      display: flex;
  }

  .panel-heading {
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #94a3b8;
      margin-bottom: 4px;
  }

  /* Overview Tab UI */
  .overview-metrics-row {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
  }

  @media (min-width: 640px) {
      .overview-metrics-row {
          grid-template-columns: repeat(4, 1fr);
      }
  }

  .mini-metric-tile {
      background-color: #020617;
      border: 1px solid rgba(255, 255, 255, 0.05);
      border-radius: var(--border-radius);
      padding: 10px;
  }

  .mini-metric-tile h7 {
      font-size: 9px;
      font-weight: 800;
      color: #64748b;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      display: block;
      margin-bottom: 6px;
  }

  .mini-metric-tile p {
      font-family: var(--mrkt-typo-font-bodyings);
      font-size: 1.5rem;
      font-weight: 800;
  }

  .mini-metric-tile p.orange-v {
      color: #f59e0b;
  }

  .mini-metric-tile p.green-v {
      color: #10b981;
  }

  .mini-metric-tile p.blue-v {
      color: var(--primary-dark-blue);
  }

  .mini-metric-tile p.red-v {
      color: #f43f5e;
  }

  .dashboard-vol-trend-card {
      background-color: #020617;
      border: 1px solid rgba(255, 255, 255, 0.05);
      border-radius: var(--border-radius);
      padding: 16px;
  }

  .trends-top-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 16px;
  }

  .trends-top-bar h8 {
      font-size: 10px;
      font-weight: 800;
      color: #94a3b8;
      text-transform: uppercase;
      letter-spacing: 0.5px;
  }

  .trends-label {
      font-size: 9px;
      font-weight: 800;
      color: var(--primary-dark-blue);
  }

  .trend-bars-split {
      display: flex;
      align-items: flex-end;
      justify-content: space-around;
      height: 100px;
      padding-top: 10px;
  }

  .trend-bar-group {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 20%;
  }

  .trend-actual-bar {
      width: 24px;
      background-color: rgba(3, 159, 200, 0.3);
      border-radius: 4px 4px 0 0;
      transition: var(--transition-smooth);
  }

  .trend-bar-group:nth-child(4) .trend-actual-bar {
      background-color: var(--primary-dark-blue);
  }

  .trend-bar-group:nth-child(5) .trend-actual-bar {
      background-color: var(--white);
  }

  .trend-bar-lbl {
      font-size: 8px;
      font-weight: 700;
      color: #64748b;
      margin-top: 6px;
  }

  /* Orders list simulator */
  .orders-mini-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 11px;
      color: #cbd5e1;
      text-align: left;
  }

  .orders-mini-table th {
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      padding: 8px;
      color: #64748b;
      text-transform: uppercase;
      font-weight: 800;
      letter-spacing: 0.5px;
  }

  .orders-mini-table td {
      padding: 10px 8px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  }

  .orders-mini-table tr:last-child td {
      border-bottom: none;
  }

  .channel-lbl {
      font-weight: 700;
      color: var(--primary-dark-blue);
  }

  .channel-lbl.woo {
      color: #7f54b3;
  }

  .status-txt-green {
      color: #34d399;
      font-weight: 700;
  }

  .status-txt-yellow {
      color: #fbbf24;
      font-weight: 700;
  }

  /* Warehouse Inventory Tab UI */
  .inventory-grids {
      display: grid;
      grid-template-columns: 1fr;
      gap: 16px;
  }

  @media (min-width: 640px) {
      .inventory-grids {
          grid-template-columns: repeat(2, 1fr);
      }
  }

  .inv-box-card {
      background-color: #020617;
      border: 1px solid rgba(255, 255, 255, 0.05);
      border-radius: var(--border-radius);
      padding: 16px;
  }

  .inv-box-card h9 {
      font-size: 10px;
      font-weight: 800;
      color: #64748b;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      display: block;
      margin-bottom: 12px;
  }

  .inv-progress-bar-wrap {
      display: flex;
      align-items: center;
      gap: 12px;
      margin: 12px 0;
  }

  .inv-progress-bg {
      flex: 1;
      height: 8px;
      background-color: #1e293b;
      border-radius: 50px;
      overflow: hidden;
  }

  .inv-progress-fill {
      height: 100%;
      background-color: var(--primary-dark-blue);
      border-radius: 50px;
      width: 78%;
  }

  .percentage-num {
      font-size: 12px;
      font-weight: 800;
      color: var(--white);
  }

  .inv-stat-desc {
      font-size: 9px;
      color: #64748b;
  }

  .inv-large-num {
      font-family: var(--mrkt-typo-font-bodyings);
      font-size: 20px;
      font-weight: 800;
      color: #34d399;
  }

  /* Live Tracking simulator UI */
  .tracking-status-tile {
      background-color: #020617;
      border: 1px solid rgba(255, 255, 255, 0.05);
      border-radius: var(--border-radius);
      padding: 16px;
  }

  .tracking-tile-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 11px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.05);
      padding-bottom: 10px;
      margin-bottom: 14px;
  }

  .tracking-tile-top span.bold-blue {
      font-weight: 700;
      color: var(--primary-dark-blue);
  }

  .tracking-timeline {
      position: relative;
      padding-left: 20px;
      display: flex;
      flex-direction: column;
      gap: 16px;
  }

  .tracking-timeline::before {
      content: '';
      position: absolute;
      top: 4px;
      bottom: 4px;
      left: 5px;
      width: 1px;
      background-color: #1e293b;
  }


  /* Horizontal Bar Diagram Styling (As requested in image) */
  .bar-chart-container {
      display: flex;
      flex-direction: column;
      gap: var(--mrkt-space-s);
      position: relative;
      padding: 10px 0 10px;
  }

  .bar-chart-row {
      display: flex;
      flex-direction: column;
      align-items: left;
      gap: var(--mrkt-space-xs);
      position: relative;
      z-index: 2;
  }

  .bar-label {
      font-size: 0.75rem;
      font-weight: 400;
      color: var(--mrkt-color-text-muted);
      text-align: left;
      white-space: nowrap;
  }

  .bar-track {
      position: relative;
      height: 24px;
      width: 100%;
      display: flex;
      align-items: center;
  }

  .bar-fill {
      height: 100%;
      background-color: #ff5252;
      /* Coral red from reference screenshot */
      border-radius: 2px;
      width: 0%;
      /* Animated via JS/GSAP */
      position: relative;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding-right: 12px;
      box-shadow: 0 4px 12px rgba(255, 82, 82, 0.2);
  }

  .bar-badge {
      background-color: #000000;
      color: #ffffff;
      font-size: 0.85rem;
      font-weight: 700;
      padding: 2px 8px;
      border-radius: 4px;
      position: absolute;
      right: -14px;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
      z-index: 5;
  }

  .chart-card-container {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: var(--mrkt-space-xs);
      color: var(--mrkt-color-text-secondary);
      background: color-mix(in oklch, var(--mrkt-color-primary-700) 75%, var(--mrkt-color-transparent));
      border-radius: var(--mrkt-border-radius-s);
      border: 1px solid color-mix(in oklch, var(--mrkt-color-border-subtle) 20%, var(--mrkt-color-transparent));
      padding: 1rem;
      box-sizing: border-box;
  }

  .chart-title-group {
      display: flex;
      align-items: center;
      gap: 8px;
  }

  .chart-subtitle {
      font-size: 0.75rem;
      color: #64748b;
  }

  .chart-body {
      position: relative;
      width: 100%;
  }

  .line-chart-svg {
      width: 100%;
      height: 180px;
      overflow: visible;
  }

  .chart-axis-label {
      font-size: 0.8rem;
      fill: #64748b;
      font-family: sans-serif;
  }

  .chart-x-labels {
      display: flex;
      justify-content: space-between;
      padding-left: 30px;
      font-size: 0.7rem;
      color: #64748b;
      margin-top: 4px;
  }

  .chart-legend {
      display: flex;
      justify-content: center;
      gap: 16px;
      margin-top: 12px;
      font-size: 0.8rem;
      color: var(--mrkt-color-text-muted);
      font-weight: 400;
  }

  .legend-item {
      display: flex;
      align-items: center;
      gap: 6px;
  }

  .legend-box {
      width: 12px;
      height: 12px;
      border-radius: 2px;
  }

  .legend-box.blue {
      background: #3b82f6;
  }

  .legend-box.green {
      background: #10b981;
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3951227 */@scope (.mrkt-sidescroll-ablauf) {
  :scope {
    --mrkt-sidescroll-transition: 0.3s ease;
    --mrkt-sidescroll-panel-height: 80svh;

    padding: 0!important;
    position: relative;
    overflow: hidden;
  }
  

  :scope .mrkt-sidescroll__track {
    padding: 0;
    display: flex;
    width: max-content;
    min-height: var(--mrkt-sidescroll-panel-height);
  }

  :scope .mrkt-sidescroll__panel {
    padding: 0;
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 0.48fr) minmax(0, 0.52fr);
    width: 100vw;
    min-height: var(--mrkt-sidescroll-panel-height);
    flex-shrink: 0;
    overflow: hidden;
  }

  :scope .mrkt-sidescroll__panel:nth-child(even) {
    background-color: var(--mrkt-color-section-alt-bg);
    color: var(--mrkt-color-text-secondary);
  }

  :scope .mrkt-sidescroll__content {
    padding: 0;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--mrkt-space-s);
    padding: 0px 5vw;
  }

  :scope .mrkt-sidescroll__visual {
    padding: 0;
    position: relative;
    background-position: center;
    background-size: cover;
  }

  :scope .mrkt-sidescroll__visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background-size: 3rem 3rem;
    opacity: 0.96;
    pointer-events: none;
  }

  /* Responsive Adjustments */
  @media only screen and (max-width: 900px) {
    :scope {
      overflow: visible;
    }

    :scope .mrkt-sidescroll__track {
      display: block;
      width: auto;
      min-height: 0;
      transform: none !important;
    }

    :scope .mrkt-sidescroll__panel {
      grid-template-columns: 1fr;
      width: auto;
      min-height: auto;
    }

    :scope .mrkt-sidescroll__content {
      padding-block: clamp(5rem, 14vw, 7rem);
    }

    :scope .mrkt-sidescroll__visual {
      min-height: 70svh;
      order: -1;
    }
  }

  @media only screen and (max-width: 767px) {
    .mrkt-sidescroll__content .mrkt-h2 {
      max-width: none;
    }

    .mrkt-sidescroll__visual {
      min-height: 56svh;
    }
  }
}/* End custom CSS */
/* Start custom CSS *//* -----------------------------
   Hero
   ----------------------------- */
@scope (.mrkt-hero) {
  :is(.elementor) :scope {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    overflow: hidden; 
    gap: var(--mrkt-space-xxl);
    min-height: 100svh;
    padding-bottom: 0;
    padding-inline: var(--mrkt-section-padding-inline);
    color: var(--mrkt-color-text-muted);
  }

  :is(.elementor) :scope h1 {
    color: var(--mrkt-color-text-secondary);
  }

  :scope::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: -2;
    background: linear-gradient(
      to right, 
      color-mix(in oklch, var(--mrkt-color-primary-900) 95%, var(--mrkt-color-transparent)) 40%, 
      color-mix(in oklch, var(--mrkt-color-primary-900) 50%, var(--mrkt-color-transparent)) 100%
    );
  }

  :is(.elementor) :scope .mrkt-hero__content {
    /* Reset Elementor Default Styling */
    padding: 0;
    display: flex;
    flex-direction: column;
    max-width: 120ch;
    align-items: left;
    gap: var(--mrkt-space-s);
  }

  :is(.elementor) :scope .mrkt-hero__video {
    /* Reset Elementor Default Styling */
    padding: 0;
    min-width: 0;
    min-height: 0;
  	position: absolute;
  	inset: 0;
  	z-index: -3!important;
  	width: 100%;
  	height: 100%;
  	object-fit: cover;
  	object-position: center;
  	filter: saturate(0.95) contrast(1.1) brightness(0.72);
  }
}


/* -----------------------------
   Introduction
   ----------------------------- */
@scope (.mrkt-intro) {
  :is(.elementor) :scope {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: hidden; 
    gap: var(--mrkt-space-xl);
    padding-block: var(--mrkt-section-padding-block);
    padding-inline: var(--mrkt-section-padding-inline);
    color: var(--mrkt-color-text-primary);
  }


  :is(.elementor) :scope .mrkt-intro__content {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: left;
    gap: var(--mrkt-space-s);
  }
}


/* -----------------------------
   Dashboard
   ----------------------------- */
@scope (.mrkt-dashboard) {
  :is(.elementor) :scope {
      /* Set your stroke color variable */
      --backdrop-stroke-color: var(--mrkt-color-primary-500); 

      position: relative;
      isolation: isolate;
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow: hidden; 
      gap: var(--mrkt-space-l);
      padding-bottom: 0;
      padding-inline: var(--mrkt-section-padding-inline);
      padding-block: var(--mrkt-section-padding-block);
      background-color: var(--mrkt-color-section-alt-bg);
      color: var(--mrkt-color-text-muted);

      /* Clips fixed children to this element's boundaries */
      clip-path: inset(0);
  }

  /* SVG Backdrop Pseudo-element */
  :is(.elementor) :scope::before {
      content: "";
      position: fixed; /* Keeps the SVG fixed relative to the viewport during scroll */
      inset: 0;
      z-index: -1;
      pointer-events: none;
      opacity: 0.04; /* 10% opacity */
      
      /* Apply the variable color to the backdrop */
      background-color: var(--backdrop-stroke-color);

      /* Use the warehouse SVG as a mask */
      -webkit-mask-image: url("/wp-content/uploads/2026/07/warehouse.svg");
      mask-image: url("/wp-content/uploads/2026/07/warehouse.svg");
      
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      
      -webkit-mask-position: center;
      mask-position: center;
      
      -webkit-mask-size: contain;
      mask-size: contain;
  }

  :is(.elementor) :scope h2 {
      color: var(--mrkt-color-primary-300);
  }

  :is(.elementor) :scope .mrkt-dashboard__content {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: left;
    gap: var(--mrkt-space-s);
  }

  :is(.elementor) :scope .mrkt-dashboard__card-grid {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--mrkt-space-s);
    box-sizing: border-box;
  }

  :is(.elementor) :scope .mrkt-dashboard__card-grid .grid-column {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--mrkt-space-s);
  }

  :is(.elementor) :scope .mrkt-dashboard__card-grid .grid-column :is([class*=' mrkt-card--']) {
    flex-grow: 1; 
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
    background-color: var(--mrkt-color-primary-700);
    border-radius: var(--mrkt-border-radius-s);
    padding: 2rem;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0 1rem 2.5rem color-mix(in oklch, var(--mrkt-color-primary-900) 93%, var(--mrkt-color-transparent));
  }

  :is(.elementor) :scope .mrkt-dashboard__card-grid .grid-column .mrkt-card--main {
    gap: var(--mrkt-space-m);
    padding-block: 4rem;
    color: var(--mrkt-color-text-secondary);
    height: 20rem;
  }

  :is(.elementor) :scope .mrkt-dashboard__card-grid .grid-column .mrkt-card--main h3 {
    color: var(--mrkt-color-primary-500);
  }

  :is(.elementor) :scope .mrkt-dashboard__card-grid .grid-column .mrkt-card--sub {
    color: var(--mrkt-color-text-muted-white);
    height: 6rem;
    justify-content: center;
  }
}


/* -----------------------------
   Leistungen Cards
   ----------------------------- */
@scope (.mrkt-leistungen-cards) {
  :is(.elementor) :scope {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden; 
    gap: var(--mrkt-space-l);
    padding: 0;
    padding-inline: var(--mrkt-section-padding-inline);
    padding-block: var(--mrkt-section-padding-block);
    background-color: var(--mrkt-color-section-bg);
  }
}


/* -----------------------------
   Steps
   ----------------------------- */


@scope (.mrkt-steps) {
    :is(.elementor) :scope {
    padding-inline: var(--mrkt-section-padding-inline);
    padding-block: var(--mrkt-section-padding-block);
    display: flex;
    justify-content: center;
    align-items: center;
  }


  :is(.elementor) :scope .mrkt-dashboard__content {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: left;
    gap: var(--mrkt-space-s);
  }
}


  .mrkt-steps__steps {
    padding: 0!important;
    display: flex!important;
    flex-direction: row;
    gap: var(--mrkt-space-m);
    justify-content: start;
    align-items: start;
    position: relative;
  }


  /* Dashed Connecting Line */
  .mrkt-steps__line {
    padding: 0!important;
    position: absolute;
    top: calc(28px + 1rem);
    left: 10%;
    right: 10%;
    width: 80%;
    height: 4px;

    --scale: 0
  }

  /* The Dotted Pattern */
  .mrkt-steps__line::after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border-top: 2.5px dashed var(--mrkt-color-primary-500);
    z-index: -1;

    transform-origin: left center;
    transform: scaleX(var(--scale));
    will-change: transform;
  }

  .step-item {
    display: flex!important;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: var(--mrkt-space-s);
    padding: 1rem 2rem!important;

    opacity: 0;
    transform: scale(0.8) translateY(30px);
    will-change: transform, opacity;
  }

  /* Numbered Circles */
  .step-circle {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: var(--mrkt-color-primary-500);
    color: var(--mrkt-color-white);
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    margin-bottom: 24px;
  }


  /* Responsive view for smaller screens */
  @media (max-width: 768px) {
    .mrkt-steps__steps {
      flex-direction: column;
      gap: 40px;
    }
 
    .mrkt-steps__steps::before {
      display: none; /* Hide horizontal line on mobile stack */
    }
  }


  
  /* -----------------------------
   demo
   ----------------------------- */


@scope (.mrkt-demo) {
    :is(.elementor) :scope {
    padding-inline: var(--mrkt-section-padding-inline);
    padding-block: calc(var(--mrkt-section-padding-block));
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: var(--mrkt-space-l);
    color: var(--mrkt-color-text-secondary);
    background-color: var(--mrkt-color-section-alt-bg);
  }

  :is(.elementor) :scope .mrkt-demo__content {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: left;
    gap: var(--mrkt-space-s);
  }


  :is(.elementor) :scope :is([class*=' mrkt-card--']) {
    flex-grow: 1; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--mrkt-space-xs);
    color: var(--mrkt-color-text-muted-white);
    background: color-mix(in oklch, var(--mrkt-color-primary-700) 75%, var(--mrkt-color-transparent));
    border-radius: var(--mrkt-border-radius-s);
    border: 1px solid color-mix(in oklch, var(--mrkt-color-border-subtle) 20%, var(--mrkt-color-transparent));
    padding: 1rem;
    box-sizing: border-box;
  }


  :is(.elementor) :scope h6 {
    color: var(--mrkt-color-text-secondary);
  }

    @media (max-width: 1500px) {
    :is(.elementor) :scope {
      flex-direction: column;
    }
  }
}


  /* -----------------------------
   Globe
   ----------------------------- */


@scope (.mrkt-globe) {
    :is(.elementor) :scope {
    padding-inline: var(--mrkt-section-padding-inline);
    padding-top: calc(var(--mrkt-section-padding-block));
    padding-bottom: calc(var(--mrkt-section-padding-block) + 20vh);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: var(--mrkt-color-text-secondary);
    clip-path: inset(0 0 0 0);
  }

  :scope::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background: color-mix(in oklch, var(--mrkt-color-primary-900) 75%, var(--mrkt-color-transparent));
  }


  :scope .mrkt-globe__video {
    /* Reset Elementor Default Styling */
    padding: 0;
    min-width: 0;
    min-height: 0;
  	position: fixed;
  	inset: 0;
  	z-index: -3!important;
    width: 100vw;   /* Lock to viewport dimensions */
    height: 100vh;
  	object-fit: cover;
  	object-position: center;
  	filter: saturate(0.95) contrast(1.1) brightness(0.72);
    pointer-events: none;
  }
}/* End custom CSS */