.form-popup {
            width:50%;
            display: none;
            z-index: 9999;
            position: absolute;
            top: 20%;
            left: 50%;
            transform: translateX(-50%);
            background: #fff;
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
         
            border: 1px solid #ddd;
            border-radius: 8px;
        }

        .form-popup.show {
            display: block;
        }

        .form-content {
            padding: 20px;
        }
         
         .loading-spinner {
            display: none;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border: 8px solid rgba(0, 0, 0, 0.1);
            border-left-color: #3498db;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            animation: spin 1s linear infinite;
        }
        
        button.close{
            opacity:1!important;
            color:#D7B65D!important;
        }
        
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
          /* Media query for mobile devices */
        @media only screen and (max-width: 768px) {
            .form-popup {
                width: 90%!important; /* Full width on small screens */
                top: 10%!important; /* Positioning adjustment for full width */
                left: 5%!important;
                transform: none; /* Remove centering transform */
            }
             .mb-3 {
              margin-bottom:5px!important;
           }
        }