.vhm-brand-navy {
        color: #102A43;
      }

      .vhm-bg-navy {
        background-color: #102A43;
      }

      .vhm-brand-red {
        color: #D62828;
      }

      .vhm-bg-red {
        background-color: #D62828;
      }

      .vhm-brand-orange {
        color: #D65A00;
      }

      .vhm-bg-orange {
        background-color: #D65A00;
      }

      .vhm-bg-cream {
        background-color: #FFF7D6;
      }

      .vhm-bg-sky {
        background-color: #E3F2FD;
      }

      .vhm-brand-green {
        color: #2E7D32;
      }

      .vhm-bg-green {
        background-color: #2E7D32;
      }

      .hover-lift {
        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
      }

      .hover-lift:hover {
        transform: translateY(-5px);
        box-shadow: 0 12px 24px rgba(16, 42, 67, 0.12);
      }

      .glow-tv {
        box-shadow: 0 0 30px rgba(227, 242, 253, 0.15), 0 10px 40px rgba(16, 42, 67, 0.3);
      }

      .glow-diwali {
        box-shadow: 0 0 25px rgba(255, 214, 10, 0.3);
      }

      .accordion-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
      }

      .accordion-content.open {
        max-height: 500px;
        transition: max-height 0.3s cubic-bezier(1, 0, 1, 0);
      }

      .pattern-dots {
        background-image: radial-gradient(#dbe9ff 2px, transparent 2px);
        background-size: 16px 16px;
      }
    

        .chart-path-anim {
          stroke-dasharray: 1000;
          stroke-dashoffset: 1000;
          animation: drawChart 2.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        }

        .pulse-marker {
          animation: pulsePoint 2s infinite ease-in-out;
          transform-origin: center;
        }

        .dash-path-anim {
          animation: dashFlow 1.5s linear infinite;
        }

        @keyframes drawChart {
          to {
            stroke-dashoffset: 0;
          }
        }

        @keyframes pulsePoint {
          0%, 100% {
            transform: scale(1);
            opacity: 1;
          }
          50% {
            transform: scale(1.3);
            opacity: 0.8;
          }
        }

        @keyframes dashFlow {
          to {
            stroke-dashoffset: -20;
          }
        }