@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  body:not(#index) .hero-bg {
    border-bottom-width: 0 !important;
  }

  body:not(#index) .container-hero {
    position: relative !important;
    overflow: visible !important;
  }

  body:not(#index) .container-hero::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 10px !important;
    background: linear-gradient(
      90deg,
      #f3d672 0%,
      #b57f11 24%,
      #f5d775 48%,
      #fff3a6 53%,
      #fce98f 56%,
      #b57f11 79%,
      #f1da77 100%
    ) !important;
    z-index: 80 !important;
    pointer-events: none !important;
  }

  body:not(#index) .hero-content {
    overflow: visible !important;
  }

  body:not(#index) .hero-content::after {
    content: none !important;
    display: none !important;
  }

  body:not(#index) .hero-content > .hero-categories {
    overflow: visible !important;
  }

  body:not(#index) .hero-content > .hero-categories {
    margin-top: -25px !important;
    padding-top: 25px !important;
  }

  body:not(#index) .hero-content > .hero-categories .category-cards {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    margin-top: -25px !important;
    padding-top: 25px !important;
    scroll-behavior: auto !important;
  }

  body:not(#index) .hero-content > .hero-categories .nav-arrow {
    z-index: 20 !important;
    pointer-events: auto !important;
  }

  body:not(#index) .hero-content > .hero-categories .category-card:hover {
    transform: translateY(-25px) !important;
    z-index: 5;
  }
}