.faq{
    max-width:1200px;
    margin:0 auto;
    padding:2rem 1rem;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    font-family:Arial,sans-serif;
}
        /* Accordion Container */
        .accordion-container {
            display: flex;
            flex-direction: column; /* Layout em coluna */
            align-items: center;
            width: 100%;
            max-width: 600px;
        }

        /* Accordion Button */
        .accordion {
            background: #fff;
            border: 1px solid #ccc;
            border-radius: 5px;
            width: 100%; /* Ocupar toda a largura do container */
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px;
			height:65px;
            font-size: 14px;
			 font-weight: bold !important;
            font-weight: bold;
            cursor: pointer;
            color: #000;
            outline: none;
            transition: all 0.3s ease;
        }

        .accordion:hover {
            background: #f9f9f9;
        }

        /* Seta como Imagem */
        .accordion .icon {
            width: 30px;
            height: 30px;
			padding:20px;
            background-image: url('https://guiadecaraa.com.br/img/seta-guia.svg'); /* Caminho para a imagem da seta */
            background-size: cover;
            background-repeat: no-repeat;
            transition: transform 0.3s ease;
			margin-left:15px;
        }

        .accordion.active .icon {
            transform: rotate(90deg); /* Gira a seta para a esquerda */
			margin-left:15px;
        }

        /* Accordion Panel */
        .panel {
            max-height: 0;
            overflow: hidden;
            padding: 0 15px;
            background: #f9f9f9;
            border: 1px solid #ccc;
            border-top: none;
            border-radius: 0 0 5px 5px;
            width: 100%;
			text-align: left;
			color: #000;
			line-height: 1.8;
            transition: max-height 0.4s ease, padding 0.4s ease;
        }

        .panel.open {
            max-height: 400px; /* Ajuste para comportar o conteúdo */
            padding: 20px;
        }

        /* Responsividade */
        @media (max-width: 768px) {
            .accordion {
                font-size: 14px; /* Reduz tamanho da fonte em telas menores */
                padding: 10px; /* Reduz espaçamento interno */
            }

            .panel {
                padding: 10px; /* Reduz padding do painel */
				line-height: 1.8;
            }

            .icon {
                width: 20px; /* Reduz tamanho da seta */
                height: 20px;
            }
        }

        @media (max-width: 480px) {
            .accordion {
                font-size: 12px; /* Fonte ainda menor para telas muito pequenas */
                padding: 12px;
            }

            .panel {
                padding: 0;
            }

            .icon {
                width: 18px; /* Reduz mais a seta */
                height: 18px;
				margin-left:15px;
            }
        }
		 #downloadButton:disabled {
            background-color: #ccc;
            cursor: not-allowed;
        }
		
		/* Estiliza a barra de rolagem dentro do select */
select::-webkit-scrollbar {
    width: 10px; /* Largura da barra de rolagem */
}

select::-webkit-scrollbar-track {
    background: #f1f1f1; /* Cor do fundo da barra de rolagem */
}

select::-webkit-scrollbar-thumb {
    background: #888; /* Cor da "pegada" da barra de rolagem */
    border-radius: 5px; /* Arredondamento */
}

select::-webkit-scrollbar-thumb:hover {
    background: #f3953f; /* Cor ao passar o mouse */
}
/*Firefox*/
select {
    scrollbar-color: #f3953f #f1f1f1; /* thumb, track */
    scrollbar-width: thin; /* Largura da barra: auto, thin, none */
}

@media (max-width:768px){
    .faq{
        grid-template-columns:1fr;
    }
}