/* Universal Styles */

* {
	padding: 0;
	margin: 0;
	font-family: "Montserrat", sans-serif;
	box-sizing: border-box;
}

body{
	
	padding: 0;
	margin: 0;
}
/* * p {
	line-height: 1.8;
} */
* h1 {
	color: gray;
	font-weight: bold;
}

::selection {
	background-color: var(--primary);
	color: white;
}


/* Color Variables */

:root {
	--primary: #749a35;
}
#title{
	margin-top: 20px;

}


	

/* Hero Section Style */
#navbarNav .nav-link{
	color: gray;
	font-weight: 600;
}
#navbarNav .nav-link:hover{
	color: var(--primary);
}

.matriosNav {
	width: 100%;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	/* Remove fixed position */
	position: relative;
	/* Optional background gradient if you want */
	/* background: linear-gradient(to right, rgba(212, 212, 212, 0.9) 0%, rgba(212, 211, 211, 0.9) 100%); */
}





.copyrightDiv p {
	font-size: 0.95rem !important;
}

.contactInfoDiv {
	padding-top: 30px;
}

.contactInfoDiv div {
	padding: 5px;
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

.contactInfoDiv p {
	margin: 0;
	margin-left: 10px !important;
	font-size: 0.9rem !important;
}

.contactInfoDiv svg {
	min-width: 32px;
	max-width: 24px;
}

.contactInfoDiv a {
	color: #fff;
	text-decoration: none;
}
.contactInfoDiv a:hover {
	color: #c0c0c0;
}

/* specification button style */

.specBtn {
	color: #749a35;
	border-color: #749a35;
}

.specBtn:hover {
	color: white;
	background-color: #5cad2f;

}

/* Know more button style css */
.knowMoreBtn {
	
	background-color: var(--primary) !important;
	color: white !important;

	
	border-color: #ffffff !important;

	padding: 0.625rem 2.1875rem;
	font-size: 0.9375rem;
}

.knowMoreBtn:hover {
	background-color: #5cad2f	!important;
}