html {
        scroll-behavior: smooth;
      }

      .navbar-solid {
        background: white;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      }

      .social-icon {
        width: 40px;
        height: 40px;
        border-radius: 9999px;
        background: #1f2937;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.3s ease;
      }
      .social-icon:hover {
        transform: translateY(-5px) scale(1.1);
      }

      .pricing-card {
        background: white;
        padding: 40px;
        text-align: center;
        border-radius: 12px;
        transition:
          transform 0.3s,
          background 0.3s;
      }
      .pricing-card:hover,button {
        transform: scale(1.08) translateY(-10px);
        background: #2E5F51;
        color: white;
       
      }
    .button{
        background-color: #2E5F51;
        
    }
    .button:hover{
        background-color: whitesmoke;
    }