.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: 30px;
            right: 50px;
            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: 40px;
            height: 40px;
        }

        .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: 40px;
                height: 40px;
            }
        }

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






        @-webkit-keyframes effectBgBottom {
          0% {
            -webkit-transform: scale(1) translate(0, 0);
                    transform: scale(1) translate(0, 0);
            -webkit-transform-origin: 84% 16%;
                    transform-origin: 84% 16%;
          }
          100% {
            -webkit-transform: scale(1.25) translate(20px, -15px);
                    transform: scale(1.25) translate(20px, -15px);
            -webkit-transform-origin: center top;
                    transform-origin: center top;
          }
        }
        @keyframes effectBgBottom {
          0% {
            -webkit-transform: scale(1) translate(0, 0);
                    transform: scale(1) translate(0, 0);
            -webkit-transform-origin: 84% 16%;
                    transform-origin: 84% 16%;
          }
          100% {
            -webkit-transform: scale(1.25) translate(20px, -15px);
                    transform: scale(1.25) translate(20px, -15px);
            -webkit-transform-origin: center top;
                    transform-origin: center top;
          }
        }



        .effectBgBottom {
            -webkit-animation: effectBgBottom 50s ease-out infinite alternate both;
                    animation: effectBgBottom 50s ease-out infinite alternate both;
        }






@-webkit-keyframes effectBgBottomTwo {
  0% {
    -webkit-transform: scale(1.40) translate(20px, -15px);
    transform: scale(1.40) translate(20px, -15px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
  100% {
    -webkit-transform: scale(1.15) translate(0, 0);
    transform: scale(1.15) translate(0, 0);
    -webkit-transform-origin: 84% 16%;
    transform-origin: 84% 16%;
  }
}

@keyframes effectBgBottomTwo {
  0% {
    -webkit-transform: scale(1.40) translate(20px, -15px);
    transform: scale(1.40) translate(20px, -15px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
  100% {
    -webkit-transform: scale(1.15) translate(0, 0);
    transform: scale(1.15) translate(0, 0);
    -webkit-transform-origin: 84% 16%;
    transform-origin: 84% 16%;
  }
}

.effectBgBottomTwo {
  -webkit-animation: effectBgBottomTwo 50s ease-out infinite alternate both;
  animation: effectBgBottomTwo 50s ease-out infinite alternate both;
}







@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(10px);
    }
}

.mouse-icon {
    animation: bounce 3s infinite; /* Duração aumentada para 3 segundos */
}