/* Fix for Navbar overlap */
  .modal {
            z-index: 9999 !important;
  }

  .surana-royal-card {
            border: none !important;
            border-radius: 25px !important;
            background: #ffffff;
            overflow: hidden;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
  }

  /* Royal Header with Gradient */
  .modal-header-royal {
            background: linear-gradient(135deg, #003366 0%, #001a33 100%);
            padding: 20px 30px;
            border-bottom: 4px solid #D4AF37;
            /* Gold Accent */
  }

  .modal-title-main {
            color: #D4AF37;
            font-weight: 850;
            letter-spacing: 1px;
            font-size: 1.4rem;
            text-transform: uppercase;
  }

  /* Scrollable Body for Mobile */
  .modal-body-scroll {
            max-height: 75vh;
            overflow-y: auto;
            padding: 30px !important;
  }

  /* Custom Scrollbar */
  .modal-body-scroll::-webkit-scrollbar {
            width: 6px;
  }

  .modal-body-scroll::-webkit-scrollbar-thumb {
            background: #D4AF37;
            border-radius: 10px;
  }

  /* Modern Inputs */
  .form-label-royal {
            font-weight: 700;
            color: #003366;
            margin-bottom: 8px;
            font-size: 0.9rem;
  }

  .input-royal {
            border: 2px solid #f0f0f0 !important;
            border-radius: 12px !important;
            /* padding: 12px 18px !important; */
            transition: 0.3s;
            background: #fafafa !important;
  }

  .input-royal:focus {
            border-color: #003366 !important;
            background: #fff !important;
            box-shadow: 0 5px 15px rgba(0, 51, 102, 0.1) !important;
  }

  /* Royal Submit Button */
  .btn-submit-royal {
            background: #D4AF37;
            color: #003366 !important;
            font-weight: 800;
            padding: 15px;
            border-radius: 12px;
            border: none;
            transition: 0.4s;
            letter-spacing: 1px;
  }

  .btn-submit-royal:hover {
            background: #003366;
            color: #fff !important;
            transform: translateY(-3px);
  }

  /* Mobile responsiveness fix */
  @media (max-width: 768px) {
            .modal-dialog {
                      margin: 15px;
            }

            .modal-body-scroll {
                      padding: 20px !important;
            }

            .modal-title-main {
                      font-size: 1.1rem;
            }
  }

  /* Fix for buttons appearing empty/no text */
  .btn-primary,
  .btn-primary *,
  [data-bs-target="#submitModal"] {
            color: #ffffff !important;
            font-weight: 700 !important;
            text-decoration: none !important;
  }

  /* Ensure the navbar button is visible */
  .navbar .btn-primary {
            background-color: #003366 !important;
            border: 1px solid #D4AF37 !important;
            /* Gold border */
  }

  /* Hover effect so it feels premium */
  .btn-primary:hover {
            background-color: #D4AF37 !important;
            color: #003366 !important;
  }
    /* Fix for the Modal Submit Button visibility */
    .btn-submit-royal {
      background: #003366 !important;
      /* Surana Blue Background */
      color: #ffffff !important;
      /* Force White Text */
      border: none !important;
      padding: 15px !important;
      display: block !important;
      width: 100% !important;
      font-weight: 700 !important;
      text-transform: uppercase;
      letter-spacing: 1px;
      transition: 0.3s;
    }
  
    .btn-submit-royal:hover {
      background: #D4AF37 !important;
      /* Gold on Hover */
      color: #003366 !important;
      /* Blue text on hover */
    }