.gradient-text {
    background: linear-gradient(90deg, #ff6a00, #ee0979, #00c6ff, #0072ff);
    background-size: 400% 400%;
    color: transparent;
    -webkit-background-clip: text;
    animation: gradient 8s ease-in-out infinite;
  }
  
  @keyframes gradient {
    0%, 100% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
  }
  #paypal-container-TATR5RSH49AJ2 {
    display: none; /* Hide the PayPal container initially */
    margin-left: -25px;
      }
      @media (max-width: 768px) {
          #paypal-container-TATR5RSH49AJ2 {
              margin-left: -66px;
          }

      }
      .modal {
          display: none;
          position: fixed;
          z-index: 1;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.5);
      }

      .modal-content {
          background-color: #fefefe;
          margin: 15% auto;
          padding: 20px;
          border: 1px solid #888;
          width: 80%;
          max-width: 400px;
      }

      .close {
          color: #aaa;
          float: right;
          font-size: 28px;
          font-weight: bold;
      }

      .close:hover,
      .close:focus {
          color: black;
          text-decoration: none;
          cursor: pointer;
      }

.payment {
          padding: 10px 20px;
          margin: 5px;
          font-size: 16px;
          cursor: pointer;
      }
      .payment:hover {
        background-color: white !important;
        color: black !important;
        border-color: black !important;
    }