:root {
		--primary-color: #1c3558;
		--secondary-color: #db2e2e;
		--light-color: #f8f9fa;
		--dark-color: #212529;
	}
	
	body {
		font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;
		overflow-x: hidden;
	}
	
	.navbar {
		background-color: white;
		padding: 5px 0;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	
	.nav-link {
		color: var(--dark-color);
		font-size: 0.85rem;
		font-weight: 400;
		margin: 0 10px;
		transition: color 0.3s;
	}
	
	.nav-link:hover {
		color: var(--secondary-color);
	}
	
	.hero-section {
		padding: 100px 0;
		position: relative;
		overflow: hidden;
		background: linear-gradient(rgba(28, 53, 88, 0.7), rgba(28, 53, 88, 0.7)), 
					url('https://images.unsplash.com/photo-1486262715619-67b85e0b08d3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1586&q=80') no-repeat center center;
		background-size: cover;
		height: 80vh;
		min-height: 600px;
		display: flex;
		align-items: center;
		color: white;
		text-align: center;

	}


	
	.hero-title {
		font-size: 3.5rem;
		font-weight: 600;
		margin-bottom: 20px;
	}
	
	.hero-subtitle {
		font-size: 1.5rem;
		font-weight: 300;
		margin-bottom: 30px;
	}
	
	.btn-primary-custom {
		background-color: var(--secondary-color);
		color: white;
		border: none;
		padding: 10px 25px;
		border-radius: 30px;
		font-weight: 500;
		transition: all 0.3s;
	}
	
	.btn-primary-custom:hover {
		background-color: #c12727;
		color: white;
		transform: translateY(-2px);
	}
	
	.section-title {
		font-size: 2.5rem;
		font-weight: 600;
		color: var(--primary-color);
		margin-bottom: 40px;
		text-align: center;
	}
	
	.section-subtitle {
		color: var(--gray-color);
		font-size: 1.1rem;
		text-align: center;
	}

	.feature-box {
		padding: 40px 20px;
		text-align: center;
		transition: all 0.3s;
	}
	
	.feature-box:hover {
		transform: translateY(-10px);
	}
	
	.feature-icon {
		font-size: 2.5rem;
		color: var(--secondary-color);
		margin-bottom: 20px;
	}
	
	.feature-title {
		font-size: 1.5rem;
		font-weight: 600;
		color: var(--primary-color);
		margin-bottom: 15px;
	}
	
	.full-width-section {
		padding: 100px 0;
		background-color: var(--light-color);
	}
	
	.timeline {
		position: relative;
		max-width: 1200px;
		margin: 0 auto;
	}
	
	.timeline::after {
		content: '';
		position: absolute;
		width: 6px;
		background-color: var(--secondary-color);
		top: 0;
		bottom: 0;
		left: 50%;
		margin-left: -3px;
	}
	
	.timeline-item {
		padding: 10px 40px;
		position: relative;
		width: 50%;
		box-sizing: border-box;
	}
	
	.timeline-item::after {
		content: '';
		position: absolute;
		width: 25px;
		height: 25px;
		right: -12px;
		background-color: white;
		border: 4px solid var(--secondary-color);
		top: 15px;
		border-radius: 50%;
		z-index: 1;
	}
	
	.left {
		left: 0;
	}
	
	.right {
		left: 50%;
	}
	
	.left::before {
		content: " ";
		height: 0;
		position: absolute;
		top: 22px;
		width: 0;
		z-index: 1;
		right: 30px;
		border: medium solid var(--primary-color);
		border-width: 10px 0 10px 10px;
		border-color: transparent transparent transparent var(--primary-color);
	}
	
	.right::before {
		content: " ";
		height: 0;
		position: absolute;
		top: 22px;
		width: 0;
		z-index: 1;
		left: 30px;
		border: medium solid var(--primary-color);
		border-width: 10px 10px 10px 0;
		border-color: transparent var(--primary-color) transparent transparent;
	}
	
	.right::after {
		left: -12px;
	}
	
	.timeline-content {
		padding: 20px 30px;
		background-color: var(--primary-color);
		color: white;
		border-radius: 6px;
	}
	
	.team-member {
		text-align: center;
		margin-bottom: 30px;
	}
	
	.team-member img {
		width: 150px;
		height: 150px;
		border-radius: 50%;
		object-fit: cover;
		margin-bottom: 15px;
		border: 3px solid var(--secondary-color);
	}
	
	footer {
		background-color: var(--primary-color);
		color: white;
		padding: 50px 0 20px;
	}
	
	.footer-links a {
		color: rgba(255,255,255,0.7);
		text-decoration: none;
		display: block;
		margin-bottom: 10px;
		transition: color 0.3s;
	}
	
	.footer-links a:hover {
		color: white;
	}
	
	.social-icons a {
		color: white;
		font-size: 1.5rem;
		margin-right: 15px;
		transition: color 0.3s;
	}
	
	.social-icons a:hover {
		color: var(--secondary-color);
	}
	
	@media screen and (max-width: 768px) {
		.hero-title {
			font-size: 2.5rem;
		}
		
		.hero-subtitle {
			font-size: 1.2rem;
		}
		
		.timeline::after {
			left: 31px;
		}
		
		.timeline-item {
			width: 100%;
			padding-left: 70px;
			padding-right: 25px;
		}
		
		.timeline-item::before {
			left: 60px;
			border: medium solid var(--primary-color);
			border-width: 10px 10px 10px 0;
			border-color: transparent var(--primary-color) transparent transparent;
		}
		
		.left::after, .right::after {
			left: 18px;
		}
		
		.right {
			left: 0%;
		}
	}


	.carrossel-container {
		width: 100%;
		overflow: hidden;
		position: relative;
		height: 120px; /* Ajuste conforme necessário */
		margin-bottom: 20px;
	}
	
	.carrossel-track {
		display: flex;
		position: absolute;
		left: 0;
		top: 0;
		align-items: center;
		height: 100%;
		will-change: transform;
	}
	
	.carrossel-track img {
		height: 80px; /* Ajuste conforme necessário */
		width: auto;
		margin: 0 30px;
		object-fit: contain;
		filter: grayscale(100%);
		opacity: 0.7;
		transition: all 0.3s ease;
	}
	
	.carrossel-track img:hover {
		filter: grayscale(0%);
		opacity: 1;
		transform: scale(1.05);
	}

	.carrossel-container {
		white-space: nowrap; /* Impede que as imagens quebrem linha */
	}

	.carrossel-track {
		display: inline-block;
		animation: scroll 180s linear infinite; /* Animação infinita */
	}

	@keyframes scroll {
		0% { transform: translateX(0); }
		100% { transform: translateX(-100%); }
	}

	.carrossel-container:hover .carrossel-track {
		animation-play-state: paused;
	}

	a {
	  text-decoration: none;  /* Remove o sublinhado */
	  color: inherit;         /* Herda a cor do elemento pai */
	  cursor: pointer;        /* Mantém o cursor de ponteiro */
	}

	a:hover, a:focus {
	  text-decoration: none;  /* Garante que não apareça sublinhado ao passar mouse */
	  /* Adicione outros efeitos de hover se desejar, como: */
	  /* opacity: 0.8; */
	  color: #1d72c6;
	}