.accordion {
            width: 100%;
            max-width: 600px;
            margin: 20px auto;
            border-radius: 4px;
            overflow: hidden;
        }

        .accordion-item {
            border-bottom: 1px solid #eee !important;
            padding: 15px 0;
        }

        .accordion-item:last-child {
            border-bottom: none;
        }

        .accordion-header {
            background-color: #f1f1f1;
            cursor: pointer;
            padding: 18px;
            transition: background-color 0.3s ease;
        }

        .accordion-header:hover {
            background-color: #e2e2e2;
        }

        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
            padding: 0 18px;
            background-color: #fff;
        }

        .accordion-content.active {
            padding: 18px;
        }










         .whatsapp-fixed {
            position: fixed;
            bottom: 25px;
            right: 35px;
            z-index: 1000;
            cursor: pointer;
        }

        /* Efeito de pulsação (círculos que se expandem a partir do fundo do ícone) */
        .whatsapp-icon {
            position: relative;
            width: 35px;
            height: 35px;
        }

        .pulse-circle {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(37, 211, 102, 0.4);
            border-radius: 50%;
            animation: pulse 1.5s infinite ease-out;
            z-index: -1; /* Para garantir que o efeito fique atrás do ícone */
        }

        @keyframes pulse {
            0% {
                transform: scale(1);
                opacity: 1;
            }
            100% {
                transform: scale(1.6);
                opacity: 0;
            }
        }

        /* Responsividade */
        .whatsapp-icon img {
            width: 100%;
            height: auto;
            position: relative;
            z-index: 1; /* O ícone fica acima do efeito de pulsação */
        }

        @media (max-width: 768px) {
            .whatsapp-fixed {
                bottom: 20px;
                right: 20px;
            }

            .whatsapp-icon {
                width: 35px;
                height: 35px;
            }
        }

        @media (max-width: 480px) {
            .whatsapp-icon {
                width: 30px;
                height: 30px;
            }
        }