/* Default alert box styling */
.custom-alert-popup {
    width: 450px !important; /* Default width */
    height: auto !important; /* Height auto-adjust based on content */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    border-radius: 15px;
  }
  
  /* Mobile devices (up to 480px) */
  @media only screen and (max-width: 480px) {
    .custom-alert-popup {
      width: 300px !important; /* Adjust width for mobile */
      height: auto !important; /* Let height adjust automatically */
      padding: 15px; /* Reduce padding */
    }
  
    /* Optional: Adjust text size for mobile */
    .swal2-title {
      font-size: 14px !important;
    }
  
    .swal2-html-container {
      font-size: 5px !important;
    }
  }
  
  /* Tablets (from 481px to 768px) */
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    .custom-alert-popup {
      width: 350px !important; /* Adjust width for tablets */
      height: auto !important; /* Height auto-adjust */
      padding: 18px; /* Slightly adjust padding */
    }
  
    /* Adjust font sizes for tablets */
    .swal2-title {
      font-size: 20px !important;
    }
  
    .swal2-html-container {
      font-size: 16px !important;
    }
  }
  
  /* Laptops and Desktops (from 769px and up) */
  @media only screen and (min-width: 769px) {
    .custom-alert-popup {
      width: 450px !important; /* Default width for desktop */
      height: auto !important; /* Auto-adjust height */
      padding: 20px; /* Default padding */
    }
  
    /* Adjust font sizes for larger screens */
    .swal2-title {
      font-size: 24px !important;
    }
  
    .swal2-html-container {
      font-size: 18px !important;
    }
  }