
.mode-dark {
  --primary-bg: #000100;
  --priamry-black: #fff;
  --secondary-black: #fff;
  --primary-text-color: #fff;
  --secondary-text-color: #999999;
  --grid-border-color: #2D2D2D;
  --secondary-bg-one: #181818;
  --border-color-one: #2D2D2D;
  --border-color-two: #87EA5C;
  --border-color-three: #2D2D2D;
  --subtitle-text: #87EA5C;
  --plus-icon-color: #fff;
  --switcher-bg: #2D2D2D;
  --inactive-switch-color: #A6A6A6;
  --active-switch-color: #151414;
  --feature-tab-element-two: #404040;
  --feature-tab-element: #87EA5C;
}

  .mode-dark .popup-left-title, .mode-dark .popup-form-title {
    color:#fff;
  }
  .mode-dark .popup-form-text {
    color: #BFBFBF
  }
  .mode-dark .pop-up-form-field {
    background: transparent;
    border: 1px solid #535353;
    color: #fff!important;
  }
  .mode-dark .pop-up-form-field:placeholder {
    color: #9F9F9F!important;
  }
  .mode-dark .pop-up-left {
  background: linear-gradient(to bottom, #222222 0%, #242424 100%);
}
  .mode-dark .pop-up-content-wrapper {
  background: #1D1D1D;
}
  .mode-dark .form-field-wrapper .field {
    border-bottom-color : #575757;
  }

  .mode-dark .calendly-pop-up-main-wrapper {
    background: #181818;
  }
  .mode-dark .success-message-holder {
    background: #000100;
}
 .mode-dark .check-box {
   border-color: #414141; 
 }
  .mode-dark .social-link-block {
    border-color: #4B4B4B;
  }
  .mode-dark .feature-tab-menu .text-color-secondary {
   color: #737373!important;
  }
  
  .mode-dark .feature-tab-menu .w-tab-link.w--current .text-color-secondary {
    color: #999999!important;
  }
  .mode-dark .feature-tab-menu .text-color-black, .mode-dark .feature-tab-menu .feature-tab-menu-top-holder svg {
    color: #999999;
  }
  .mode-dark .feature-tab-menu .w-tab-link.w--current .text-color-black {
    color: #fff
  }

  .mode-dark .feature-tab-menu .w-tab-link.w--current .feature-tab-menu-top-holder svg {
    color: #87EA5C
  }
  .mode-dark .feature-tab-menu .w-tab-link {
    background: #212121;
  }

  .mode-dark .feature-tab-menu .w-tab-link.w--current {
    background: #000100;
  }
  
  .mode-dark .dropdown-button-wrapper {
    border-color: #535353;
  }
 .mode-dark .footer-marquee-logo-block svg {
   color: #1f1f1f
 }
  .mode-dark .benefits-card:hover {
    background: #181818;
  }
.mode-dark .dropdown-link-holder {
    background: #181818;
 }	
  .mode-dark .dropdown-link-icon-block {
    background: #222222;
  }	
  .mode-dark .faq-item .faq-title {
    color: #999999!important
  }

  .mode-dark .industry-card-icon-block svg {
    color: #fff;
  }

 .mode-dark .faq-item.active .faq-title {
    color: #FFFFFF!important
  }

  
  .mode-dark .hamburger-menu-icon {
    filter: invert(1);
}
  
  .mode-dark .swiper-prev, .mode-dark .swiper-next {
    color:#999999;
    background-color:#111111;
  }
  .mode-dark .swiper-prev:hover, .mode-dark .swiper-next:hover {
    color:#fff;
    background-color:#181818;
  }


  .mode-dark .feature-sticky-sidebar-item {
    background-color: transparent;
    border-bottom: 1px solid #2D2D2D;
}
  
  .mode-dark .transform-bg-dark {
  
     background:#000100!important;
  }
  
 .mode-dark .light-mode-element {
   display:none!important;
  }
  
 .mode-dark .dark-mode-element {
   display:block!important;
  }
  
  .mode-dark .light-image, .mode-light .dark-image {
    display:none!important;
  }
  
   .mode-light .light-image, .mode-dark .dark-image  {
    display:block!important;
  }

  /* The feature + how-it-works mockups are flex containers (ported from <img>
     to live CSS cards). The block!important above is for the original raster
     images; restore flex on the card containers so their inline
     justify/align centering applies and the card sits centered in its box. */
  .mode-light .features-card-image.light-image,
  .mode-dark  .features-card-image.dark-image,
  .mode-light .how-works-card-thumbnail.light-image,
  .mode-dark  .how-works-card-thumbnail.dark-image {
    display:flex!important;
  }

  .mode-dark .feature-tab {
    background:#181818;
  
  }
  
  .mode-dark .faq-icon-block, .mode-dark .faq-icon-block.active {
   background-color:rgba(244, 244, 244, 0.1)
  }
  
  .mode-dark .faq-line {
    background-color:#C3C3C3;
  }
  .mode-dark .faq-icon-block.active {
    border:1px solid transparent;
  
  }
  .mode-dark .hero-bottom-grid-text {
    color:#999999;
  
  }
  .mode-dark .features-card-audio-button-inner {
    color:#151414
  
  }
  
  .mode-dark .button.button-style-two.is-black {
    color:#fff;
  }
  .mode-dark .contact-form .w--redirected-checked ~ .check-box-label {
      color: #60A641!important;
    }
  
  .mode-dark .what-we-do-card:hover {
    background: transparent !important;
  }
  .mode-dark .mission-card {
    background: #181818 !important;
  }
  
 


.is-disabled {
  opacity: 0.35;
  pointer-events: none;
}



/* cited? engines/industry carousel — topical photos (replace AVA stock).
   Keep AVA's two dark gradient overlays for legibility; swap the photo only. */
.industry-card-item.item-three{background-image:url(/site/assets/cited/logos/openai.svg),linear-gradient(to bottom,#0000 40%,#000000a6),linear-gradient(150deg,#10a37f,#0c3b2e)!important;background-size:118px,cover,cover!important;background-position:center 36%,center,center!important;background-repeat:no-repeat,no-repeat,no-repeat!important}
.industry-card-item.item-four{background-image:url(/site/assets/cited/logos/gemini.svg),linear-gradient(to bottom,#0000 40%,#000000a6),linear-gradient(150deg,#4f7dff,#8a52e0)!important;background-size:118px,cover,cover!important;background-position:center 36%,center,center!important;background-repeat:no-repeat,no-repeat,no-repeat!important}
.industry-card-item.item-two{background-image:url(/site/assets/cited/logos/perplexity.svg),linear-gradient(to bottom,#0000 40%,#000000a6),linear-gradient(150deg,#22b8c8,#0e4f5a)!important;background-size:118px,cover,cover!important;background-position:center 36%,center,center!important;background-repeat:no-repeat,no-repeat,no-repeat!important}
.industry-card-item.item-one{background-image:url(/site/assets/cited/logos/claude.svg),linear-gradient(to bottom,#0000 40%,#000000a6),linear-gradient(150deg,#d97757,#7d3a26)!important;background-size:118px,cover,cover!important;background-position:center 36%,center,center!important;background-repeat:no-repeat,no-repeat,no-repeat!important}
.industry-card-item.item-five{background-image:linear-gradient(90deg,#00000080,#0000),linear-gradient(#0000,#000c),url(/site/assets/cited/saas-software.jpg)!important;background-size:cover!important;background-position:center!important}
.industry-card-item.item-six{background-image:linear-gradient(90deg,#00000080,#0000),linear-gradient(#0000,#000c),url(/site/assets/cited/local-business.jpg)!important;background-size:cover!important;background-position:center!important}
.industry-card-item.item-seven{background-image:linear-gradient(90deg,#00000080,#0000),linear-gradient(#0000,#000c),url(/site/assets/cited/ecommerce.jpg)!important;background-size:cover!important;background-position:center!important}
.industry-card-item.item-eight{background-image:linear-gradient(90deg,#00000080,#0000),linear-gradient(#0000,#000c),url(/site/assets/cited/publishers.jpg)!important;background-size:cover!important;background-position:center!important}
.industry-card-item.item-nine{background-image:linear-gradient(90deg,#00000080,#0000),linear-gradient(#0000,#000c),url(/site/assets/cited/agencies.jpg)!important;background-size:cover!important;background-position:center!important}
