.material-symbols-outlined {
        font-variation-settings:
          "FILL" 0,
          "wght" 400,
          "GRAD" 0,
          "opsz" 24;
      }
      .material-symbols-outlined.fill {
        font-variation-settings:
          "FILL" 1,
          "wght" 400,
          "GRAD" 0,
          "opsz" 24;
      }
      .glass {
        background: rgba(255, 255, 255, 0.9);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
      }
      .shadow-soft {
        box-shadow: 0 10px 40px -10px rgba(40, 43, 104, 0.08);
      }
      .hero-badge-dot {
        background-color: rgb(16, 185, 129);
      }
      .hero-title {
        color: rgb(37, 74, 155) !important;
      }
      .hero-title-accent {
        color: rgb(184, 0, 0) !important;
      }
      .about-heading {
        color: rgb(25, 28, 30) !important;
      }
      .about-subheading {
        color: rgb(70, 70, 80) !important;
      }
      .about-card-title {
        color: rgb(25, 28, 30) !important;
      }
      .about-card-text {
        color: rgb(70, 70, 80) !important;
      }
      html {
        scroll-behavior: smooth;
      }
      html,
      body {
        opacity: 1 !important;
        overflow: auto !important;
        height: auto !important;
        min-height: 100%;
      }