  /* REUSABLE CARD STYLE */

    .card-box {
      background: white;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
      transition: all 0.2s ease;
    }
    .card-box:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    }
  
    /* SIDEBAR CARD STYLE */
    .sidebar-card {
      background: white;
      border-radius: 12px;
      padding: 16px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
      transition: all 0.2s ease;
    }
    .sidebar-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    }
  
  
    /* OVAL STYLE NEW BADGE */
    .new-oval {
      display: inline-block;
      font-size: 12px;
      font-weight: 800;
      color: #dc2626; /* red text */
      background: #facc15; /* yellow bg */
      padding: 0px 4px;
      border-radius: 25px;
  
      transform: rotate(-8deg);
  
      /* subtle shadow */
      box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  
      /* animation */
      animation: ovalPulse 1.2s infinite;
    }

    /* Smooth pulse effect */
    @keyframes ovalPulse {
      0%, 100% {
        transform: rotate(-8deg) scale(1);
      }
      50% {
        transform: rotate(-8deg) scale(1.08);
      }
    }
    
    
    /* Hide scrollbar (Chrome, Safari) */
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }

    /* Hide scrollbar (Firefox) */
    .no-scrollbar {
      scrollbar-width: none;
    }

    /* Hide scrollbar (IE/Edge old) */
    .no-scrollbar {
      -ms-overflow-style: none;
    }
    
    #ticker {
      opacity: 0;
    }

