/* root.css - Custom styles for BrandExchange website */

/* General styling */
body {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	color: #333;
	line-height: 1.6;
}

/* Hero section */
.hero-section {
	background: linear-gradient(rgba(0, 89, 94, 0.8), rgba(0, 89, 94, 0.9)), url('../Images/contact.jpg');
	background-size: cover;
	background-position: center;
	color: white;
	padding: 6rem 0;
	margin-bottom: 2rem;
}

	.hero-section h1 {
		font-size: 3rem;
		font-weight: 700;
		margin-bottom: 1.5rem;
	}

	.hero-section p {
		font-size: 1.25rem;
		margin-bottom: 2rem;
	}

/* Section headers */
.section-header {
	text-align: center;
	margin-bottom: 3rem;
}

	.section-header h2 {
		font-size: 2.5rem;
		position: relative;
		margin-bottom: 1.5rem;
		color: #00595e;
	}

		.section-header h2:after {
			content: '';
			position: absolute;
			display: block;
			width: 50px;
			height: 3px;
			background: #00595e;
			bottom: -10px;
			left: 50%;
			transform: translateX(-50%);
		}

/* Feature boxes */
.feature-box {
	text-align: center;
	padding: 2rem;
	margin-bottom: 2rem;
	transition: all 0.3s ease;
}

	.feature-box:hover {
		transform: translateY(-10px);
	}

	.feature-box i {
		font-size: 3rem;
		color: #00595e;
		margin-bottom: 1rem;
	}

	.feature-box h4 {
		margin-bottom: 1rem;
		font-weight: 600;
	}

/* Testimonials */
.testimonial-card {
	background-color: #f8f9fa;
	border-radius: 10px;
	padding: 2rem;
	margin-bottom: 2rem;
	position: relative;
}

	.testimonial-card:before {
		content: '\201C';
		font-family: Arial;
		position: absolute;
		top: 10px;
		left: 10px;
		font-size: 5rem;
		color: rgba(0, 89, 94, 0.1);
	}

.client-info {
	display: flex;
	align-items: center;
	margin-top: 1.5rem;
}

	.client-info img {
		width: 60px;
		height: 60px;
		border-radius: 50%;
		margin-right: 1rem;
	}

/* Stats counter */
.stats-counter {
	background-color: #00595e;
	color: white;
	padding: 4rem 0;
}

.counter-box {
	text-align: center;
}

	.counter-box .counter {
		font-size: 2.5rem;
		font-weight: 700;
		margin-bottom: 0.5rem;
	}

/* Contact form styling */
.contact-form .form-control {
	border-radius: 0;
	padding: 0.8rem 1rem;
	margin-bottom: 1.5rem;
	border: 1px solid #ddd;
}

	.contact-form .form-control:focus {
		box-shadow: none;
		border-color: #00595e;
	}

/* Responsive adjustments */
@media (max-width: 768px) {
	.hero-section {
		padding: 4rem 0;
	}

		.hero-section h1 {
			font-size: 2.2rem;
		}

	.section-header h2 {
		font-size: 2rem;
	}
}body {
}