body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
			background-color:transparent;
        }

        .header {
            text-align: center;
            padding: 10px;
        }

        .logo {
            max-width: 100%;
        }

        .button-container {
            text-align: center;
            position: fixed;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
        }

        .button {
            background-color: #26537a;
            color: white;
            border: none;
            padding: 12px 50px;
            cursor: pointer;
        }

        .button:hover {
            background-color: #0073e6; 
        }
		
		  .button2 {
            background-color: #0073e6;
            color: white;
            border: none;
			border-radius:50px;
            padding: 12px 50px;
            cursor: pointer;
			margin-top:10px;
        }
		
		 .button2:hover {
            background-color: #26537a; 
        }
		
		 .active{
            background-color: #26537a; 
        }

        .close-button {
            position: absolute;
            top: 10px;
            right: 10px;
            cursor: pointer;
        }

     
        .whatsapp-button {
            position: fixed;
            bottom: 12px;
            right: 12px;
            background-color: #25d366; 
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
        }

        .whatsapp-button img {
            width: 30px;
            height: 30px;
            margin: 10px;
        }
		
        .container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        
        .column {
            flex: 0 0 30%; 
            margin: 10px;
            padding: 15px;
            text-align: center;
            background-color: #f2f2f2;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
       
        .item {
            margin: 10px;
            padding: 10px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 5px;
        }
		.item li{
			list-style-type: none;
			padding:4px;
		}
		
		.item li a{
			text-decoration:none;
			color:#000;
		}
		
		.item li a:hover{
			font-weight: bold;
		}

     
        @media (max-width: 768px) {
            .column {
                flex: 0 0 45%; /* Reduzir a largura das colunas em telas menores */
            }
        }

        @media (max-width: 480px) {
            .column {
                flex: 0 0 100%; /* Empilhar as colunas em telas muito pequenas */
            }
        }