html {
	scroll-behavior: smooth;
	scroll-padding: 70px;
}

/* Aumentar o tamanho da fonte dos itens da navbar */
.navbar-nav .nav-link {
	font-size: 18px; /* Aumente o valor para ajustar o tamanho da fonte */
	color: #2d58af; /* Cor padrão dos links na navbar */
	transition: color 0.5s ease-in-out; /* Transição suave para o hover */
	font-weight: 600;
	border-bottom: 5px solid transparent; /* Sublinhado laranja */
}

/* Mudar a cor dos links ao passar o mouse (hover) */
.navbar-nav .nav-link:hover {
	color: #2d58af; /* Mude para a cor desejada */
	color: #e86717; /* Mude para a cor desejada */
	border-bottom: 5px solid #e86717; /* Sublinhado laranja */
	/* padding-bottom: 2px; Ajuste o espaçamento para o sublinhado */
	transition: color 0.3s ease, border-bottom 0.5s ease-in-out; /* Transição suave para o hover */
}

/* Mudar a cor do link ativo */
.navbar-nav .nav-item.active .nav-link {
	font-weight: 700;
	color: #e86717; /* Mude para a cor desejada */
	border-bottom: 5px solid #e86717; /* Sublinhado laranja */
	/* padding-bottom: 2px; Ajuste o espaçamento para o sublinhado */
	transition: color 0.3s ease, border-bottom 0.5s ease-in-out; /* Transição suave para o hover */
}

/* Customizar o botão de toggle da navbar (para dispositivos móveis) */
.navbar-toggler {
	border-color: #2d58af; /* Cor do botão */
}

.navbar-brand img {
	image-rendering: -webkit-optimize-contrast; /* Melhora a renderização de imagens em navegadores WebKit */
	image-rendering: crisp-edges; /* Garante que a imagem seja renderizada com bordas nítidas */
	-webkit-filter: none; /* Remove qualquer filtro que possa estar ofuscando a imagem */
	filter: none; /* Remove filtros em navegadores não WebKit */
}

#servicos h1 {
	text-align: center;
}

/* Estilos do Hero */
.hero {
	position: relative;
	width: 100%;
	height: 90vh; /* Ocupa a altura total da tela */
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
}

/* Estilos do Vídeo */
.hero video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1;
	transform: translate(-50%, -50%);
	object-fit: cover;
	filter: brightness(0.6); /* Ajuste o brilho se necessário */
}

/* Estilos do Conteúdo */
.hero-content {
	position: relative;
	z-index: 2;
	max-width: 800px;
	padding: 20px;
}

.hero h1 {
	font-size: 4rem;
	margin-bottom: 20px;
}

.hero p {
	font-size: 2rem;
}

section.services {
	padding-top: 3rem;
	color: #292b2c;
}

section.sobre-nos h1,
h2 {
	font-size: 2rem;
	text-align: center;
}

section#servicos h2 {
	font-size: 2.5rem;
	text-align: center;
}

/* Estilos do Footer */
.footer {
	background-color: #2d58af; /* Cor de fundo do footer */
	color: #fff; /* Cor do texto */
	padding: 40px 20px;
}

.footer h3 {
	margin-top: 0;
}

.footer p {
	margin: 10px 0;
}

.footer a {
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	/* margin: 0 10px; */
}

.footer a:hover {
	text-decoration: underline;
}

.footer .social-icons a {
	margin: 0 10px;
	font-size: 24px;
	display: inline-block;
}

.footer .social-icons a:hover {
	color: #f0a500; /* Cor de destaque para os ícones sociais */
}

.card-img-responsive {
	max-width: 100%;
	width: max-content;
}

.card-service {
	max-width: 200px;
}

@media (max-width: 768px) {
	.hero h1 {
		font-size: 2.5rem;
		margin-bottom: 20px;
	}

	.hero p {
		font-size: 1.5rem;
	}
	.card-service {
		max-width: 100%;
	}

	.footer {
		padding: 20px 10px;
	}

	.footer .social-icons {
		margin-top: 10px;
	}
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
	background-color: #292b2c; /* Cor desejada */
	background-size: 80%, 80%;
	border-radius: 15%;
}

/* Se quiser mudar a cor quando o botão estiver ativo (enquanto é clicado) */
.carousel-control-prev-icon:active,
.carousel-control-next-icon:active {
	background-color: #292b2c; /* Cor para o estado ativo */
}

/* Mudar a cor do botão ao passar o mouse */
.carousel-control-prev-icon:hover,
.carousel-control-next-icon:hover {
	background-color: #292b2c; /* Cor desejada ao passar o mouse */
}

form label {
	margin-bottom: 0;
	padding-bottom: 0;
}
.btn-whatsapp a {
	color: white;
}
.btn-whatsapp {
	position: fixed;
	width: 47px;
	height: 47px;
	bottom: 20px;
	right: 20px;
	background-color: #25d366;
	color: #fff;
	border-radius: 50px;
	text-align: center;
	font-size: 30px;
	box-shadow: 2px 2px 3px #999;
	z-index: 100;
}