@media (max-width: 860px), (hover: none) and (pointer: coarse) {
  #root,
  #root *,
  #root *::before,
  #root *::after {
    animation: none !important;
    animation-duration: 0s !important;
    transition: none !important;
    transition-duration: 0s !important;
    scroll-behavior: auto !important;
  }

  #root [class*="animate-"],
  #root [class*="fade-in"],
  #root [class*="fade-out"],
  #root [class*="slide-in"],
  #root [class*="slide-out"],
  #root [class*="zoom-in"],
  #root [class*="zoom-out"] {
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
    scale: none !important;
  }

  #root h1,
  #root h2,
  #root h3,
  #root h4,
  #root p,
  #root li,
  #root span,
  #root button,
  #root label {
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
    scale: none !important;
  }

  header {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  header > div:first-child {
    background-color: #07111c !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  #root [style*="blur"],
  #root [class*="blur"] {
    filter: none !important;
    -webkit-filter: none !important;
  }

  #root a img[src*="logo"],
  #root img[src*="logo"] {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
  }

  img[src*="cta-gift"],
  img[src*="cta-ostrich"],
  img[src*="hero-faq"],
  img[src*="hero-main-new"] {
    will-change: auto !important;
    transform: none !important;
  }
}