/* Container for the button and hover image */
        .pulse-container {
            position: fixed;
            bottom: 100px;
            right: 20px;
            z-index: 9999;
            text-align: center;
            width: auto;
            max-width: 100%;
        }

        /* Button with pulse effect */
        .pulse {
            display: block;
            cursor: pointer;
            box-shadow: 0 0 0 rgba(255, 45, 32, 0.9);
            animation: pulse 2s infinite;
            border-radius: 35px;
            width: 140px;
            transition: box-shadow 0.3s ease;
        }

        /* Hover animation: vibrate effect */
        .pulse:hover {
            animation: vibrate 0.2s infinite;
            box-shadow: 0 0 15px rgba(255, 45, 32, 0.6);
        }

        /* Vibrate effect keyframes */
        @keyframes vibrate {
            0%, 100% { transform: translateX(0); }
            25% { transform: translateX(-2px); }
            50% { transform: translateX(2px); }
            75% { transform: translateX(-2px); }
        }

        /* Pulse animation keyframes */
        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(255, 45, 32, 0.9); }
            70% { box-shadow: 0 0 0 10px rgba(255, 45, 32, 0); }
            100% { box-shadow: 0 0 0 0 rgba(255, 45, 32, 0); }
        }

        /* Styling for the hover image */
        .hover-overlay {
            position: absolute;
            bottom: 73px;
            right: 5px;
            opacity: 0;
            transition: opacity 0.3s ease, transform 0.3s ease;
            pointer-events: none;
            width: 360px;
            max-width: none;
            max-height: 70vh;
            object-fit: contain;
            transform-origin: center center;
        }

        /* Visible class to show the image */
        .visible {
            opacity: 1;
            
            pointer-events: auto;
        }

        /* Hide hover image on mobile */
        @media (max-width: 768px) {
            .hover-overlay {
                display: none;
            }
            .pulse {
                width: 130px;
            }
        }

        @media (max-width: 480px) {
            .pulse {
                width: 120px;
            }
        }
        
        
        
          /* Sticky brochure Button Style */
    .stickyx-button {
      position: fixed;
      right: 10px;
      top: 30%;
      transform: translateY(-50%);
      display: flex;
      flex-direction: column;
      align-items: center;
      border-radius: 12px;
      padding: 15px;
      font-size: 16px;
      font-weight: bold;
      text-decoration: none;
      
      transition: all 0.3s ease;
      z-index: 1000;
    }
    
     .pulse2 {
            display: block;
            cursor: pointer;
            box-shadow: 0 0 0 rgba(255, 45, 32, 0.9);
            animation: pulse 2s infinite;
            border-radius: 5px;
           transition: box-shadow 0.3s ease;
        }

    .stickyx-button:hover {
      transform: translateY(-50%) scale(1.05);
    }

    /* Brochure Icon */
    .stickyx-button i {
      font-size: 28px;
      margin-bottom: 8px;
    }

    .stickyx-button span {
      text-align: center;
      font-size: 14px;
    }

    /* Responsive for smaller screens */
    @media (max-width: 600px) {
      .stickyx-button {
        padding: 10px;
        font-size: 14px;
        right: 5px;
      }

      .stickyx-button i {
        font-size: 24px;
        margin-bottom: 6px;
      }
    }