:root {
	--navy-dark: #071e3d;
	--navy-light: #0b2952;
	--navy-card: #0e3366;
	--coral: #EF5938;
	--coral-hover: #d94527;
	--btn-blue: #1747c1;
	--btn-blue-hover: #0e46a8;
	--highlight-yellow: #FFFF00; 
	--text-muted-light: #94a3b8;
	--bg-light-gray: #f8fafc;
}

body {
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
	color: #334155;
	overflow-x: hidden;
}

.bg-navy { background-color: var(--navy-dark) !important; }
.text-navy { color: var(--navy-dark) !important; }
.text-coral { color: var(--coral) !important; }
.bg-coral { background-color: var(--coral) !important; }
.text-custom-blue { color: var(--btn-blue) !important; }
.text-yellow-highlight { color: #FFFF00 !important; }

.btn-coral {
	background-color: var(--coral);
	color: #fff;
	font-weight: 600;
	padding: 12px 28px;
	border-radius: 0px !important;
	border: none;
	transition: all 0.25s ease;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	font-size: 0.95rem;
}
.btn-coral:hover {
	background-color: var(--coral-hover);
	color: #fff;
}

.btn-custom-blue {
	background-color: var(--btn-blue);
	color: #fff;
	font-weight: 600;
	padding: 12px 20px;
	border-radius: 0px !important;
	border: none;
	transition: all 0.25s ease;
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-decoration: none;
	font-size: 0.95rem;
}
.btn-custom-blue:hover {
	background-color: var(--btn-blue-hover);
	color: #fff;
}

.site-logo {
	height: 80px;
	width: auto;
	object-fit: contain;
}
.site-logo-footer {
	height: 80px;
	width: auto;
	object-fit: contain;
}

.nav-link {
	color: #475569 !important;
	font-size: 0.95rem;
	margin-left: 1.4rem;
	font-weight: 500;
}
.nav-link:hover {
	color: #EF5938 !important;
}

.nav-link.active {
	color: #EF5938 !important;
	font-weight: 500;
}

.hero-title {
	font-size: clamp(2rem, 3.2vw, 2.75rem);
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: -0.5px;
}
.section-heading {
	font-size: clamp(1.75rem, 2.6vw, 2.25rem);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.5px;
}
.section-tag {
	font-size: 0.95rem;
	font-weight: 600;
	letter-spacing: 0.5px;
}
.section-number {
	font-size: 3.8rem;
	font-weight: 700;
	line-height: 1;
	opacity: 0.9;
}

.faq-item {
	border-bottom: 2px solid var(--coral);
	padding: 20px 0 16px 0;
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
	font-size: 1.05rem;
	font-weight: 500;
	transition: all 0.2s ease;
}
.faq-item:hover {
	color: var(--coral-hover);
	padding-left: 4px;
}

.feature-icon-svg {
	width: 44px;
	height: 44px;
	flex-shrink: 0;
	stroke: var(--btn-blue);
}

.job-card {
	border: 1px solid #e2e8f0;
	border-radius: 0px !important;
	background: #fff;
	transition: transform 0.2s, box-shadow 0.2s;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.job-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08);
}
.job-category-tag {
	color: #6c757d;
	font-weight: 700;
	font-size: 0.7rem;
	display: block;
	margin-bottom: 4px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}
.job-card-img-wrapper {
	position: relative;
	height: 200px;
	overflow: hidden;
	border-radius: 0px !important;
}
.job-card-img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0px !important;
}
.job-price-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	background: rgba(255, 255, 255, 0.95);
	color: var(--coral);
	font-size: 0.78rem;
	font-weight: 700;
	padding: 4px 12px;
	border-radius: 50px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}
.job-applicant-badge {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: rgba(0, 0, 0, 0.65);
	color: #fff;
	font-size: 0.72rem;
	padding: 3px 8px;
	border-radius: 2px;
	backdrop-filter: blur(2px);
}

.testimonial-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	padding: 32px 28px;
	position: relative;
	height: 100%;
	box-shadow: 0 4px 14px rgba(0,0,0,0.03);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.quote-icon {
	font-size: 2.8rem;
	color: #cbd5e1;
	line-height: 1;
	position: absolute;
	top: 26px;
	right: 28px;
}

.footer-section {
	background-color: var(--bg-light-gray);
}

.whatsapp-float {
	position: fixed;
	bottom: 24px;
	right: 24px;
	background-color: #32f259;
	color: white;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.25);
	z-index: 1050;
	text-decoration: none;
	transition: transform 0.2s;
}
.whatsapp-float:hover {
	transform: scale(1.1);
	color: white;
}