/* Success Modal Styles */
  .success-modal-content {
      border-radius: 8px;
      padding: 15px;
      position: relative;
      max-height: none !important;
      min-height: none !important;
  }

  .success-close-btn {
      position: absolute;
      top: 15px;
      right: 15px;
      z-index: 10;
      opacity: 0.5;
      transition: opacity 0.3s;
  }

  .success-close-btn:hover {
      opacity: 1;
  }

  @keyframes sparkle {

      0%,
      100% {
          opacity: 1;
          transform: scale(1);
      }

      50% {
          opacity: 0.5;
          transform: scale(1.2);
      }
  }

  .success-title {
      color: #00A8E0;
      font-size: 18px;
      font-weight: 700;
      margin: 20px 0 12px 0;
      line-height: 1.3;
  }

  .success-message {
      color: #5C788A !important;
      font-size: 13px !important;
      font-weight: 400;
      margin-bottom: 24px;
      padding: 0 10px;
  }

  .contact-support-btn {
      background: #00A8E0;
      color: white;
      border: none;
      border-radius: 4px;
      padding: 12px 32px;
      font-size: 14px;
      height: 40px;
      font-weight: 600;
      display: inline-flex;
      align-items: center;
      gap: 8px;
  }

  .contact-support-btn:hover {
      transform: translateY(-2px);
      color: white;
  }

  .contact-support-btn svg {
      width: 20px;
      height: 20px;
  }

  /* Responsive */
  @media (max-width: 576px) {
      .success-modal-content {
          margin: 10px;
      }

      .success-title {
          font-size: 18px;
      }

      .success-message {
          font-size: 13px;
      }
  }