/* Optional: Add custom CSS for centering the button and form on the page */
        body {
            
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            background-color: #f8f9fa;
        }


        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
    
        /* Modal ka main box */
        .stylish-modal {
            border-radius: 15px; /* Corner ko gol karega */
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Box shadow dega */
            border: none;
        }
    
        /* Header styling */
        .custom-header {
            background-color: #f0f2f5; /* Light grey background */
            border-bottom: 1px solid #e0e0e0;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
        }
    
        /* Body styling */
        .custom-body {
            background-color: #fff;
            padding: 2rem;
        }
    
        .form-control {
            border-radius: 8px; /* Input fields ke corners gol karega */
            border: 1px solid #ced4da;
            padding: 10px 15px;
        }
    
        .form-control:focus {
            border-color: #007bff;
            box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.25);
        }
    
        /* Footer styling */
        .custom-footer {
            /*background-color: #f0f2f5;*/
            border-top: 1px solid #e0e0e0;
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px;
        }
    
        /* Buttons styling */
        .btn-primary {
            background:linear-gradient(-45deg, #66bb6a, #00a1bd, #66bb6a, #00a1bd);
            border-color: #007bff;
            font-weight: bold;
            transition: background-color 0.3s;
        }
    
        .btn-primary:hover {
            background-color: #0056b3;
            border-color: #004d99;
        }
    
        .btn-secondary {
            border-radius: 8px;
            transition: background-color 0.3s;
        }
        
        /* Custom button styling */
    .custom-submit-btn {
        background: #ff5722; /* A vibrant orange color */
        border-color: #ff5722;
        font-weight: bold;
        transition: background-color 0.3s ease;
    }

    .custom-submit-btn:hover {
        background-color: #e64a19; /* A darker shade on hover */
        border-color: #e64a19;
    }
    
    /* Ensure the button takes full width within the footer */
    .modal-footer button {
        /* This rule is generally not needed with w-100 but can be a fallback */
        width: 100%;
    }
    
/*--=====Popup Form Css=====--*/    
    html, body {
      height: 100%;
    }
    .page-center {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(135deg, #f8fafc, #eef2ff);
      padding: 1.5rem;
    }

    .modal-sm-centered {
      max-width: 30%;
      min-width: 300px;
    }

    /* Dark border for modal */
    .modal-content {
      border: 2px solid #000; /* Dark border */
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    }

    .form-control:focus {
      box-shadow: 0 0 0 0.15rem rgba(99, 102, 241, 0.15);
      border-color: #6366f1;
    }
/*--=====Popup Form Css=====--*/