/* APC Brand Colors */
:root {
    --apc-primary: #003057;
    --apc-secondary: #727272;
    --apc-light: #ffffff;
    --apc-dark: #000000;
}

/* Primary Color Override */
.bg-primary,
.btn-primary,
.badge-primary,
.alert-primary,
.nav-link.active {
    background-color: #003057 !important;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #003057 !important;
    border-color: #003057 !important;
}

.text-primary,
.text-color-primary {
    color: #003057 !important;
}

a.text-color-primary:hover {
    color: #003057 !important;
}

/* Secondary Color Usage */
.text-secondary,
.text-color-secondary {
    color: #727272 !important;
}

.bg-secondary {
    background-color: #727272 !important;
}

/* Header Styling */
#header {
    background-color: #ffffff;
}

#header.sticky-header {
    background-color: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 48, 87, 0.1);
}

/* Buttons */
.btn-dark {
    background-color: #003057 !important;
    border-color: #003057 !important;
}

.btn-dark:hover {
    background-color: #002041 !important;
    border-color: #002041 !important;
}

/* Links */
a:not(.btn),
.nav-link {
    color: #003057;
    transition: color 0.3s ease;
}

a:not(.btn):hover,
.nav-link:hover {
    color: #727272;
}

/* Home Intro Section */
.home-intro {
    background-color: #003057;
}

.home-intro p {
    color: #ffffff;
}

.home-intro .highlighted-word {
    color: #ffffff;
    font-weight: bold;
}

/* Section Headers */
h1, h2, h3, h4, h5, h6 {
    color: #003057;
}

/* Accent Lines and Borders */
.border-primary,
.border-color-primary {
    border-color: #003057 !important;
}

/* Form Elements */
.form-control:focus {
    border-color: #003057;
    box-shadow: 0 0 0 0.2rem rgba(0, 48, 87, 0.25);
}

.form-check-input:checked {
    background-color: #003057;
    border-color: #003057;
}

/* Navigation Styling */
.header-nav-main .nav-link.active {
    color: #003057 !important;
    border-bottom-color: #003057 !important;
}

.header-nav-main .nav-link:hover {
    color: #727272 !important;
}

/* Overlay Color */
.overlay-color-primary {
    background-color: rgba(0, 48, 87, 0.8);
}

/* Typography - Using system fonts as CAPSUULA is not standard web font */
body {
    font-family: 'Poppins', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    letter-spacing: 0.05em;
}

/* Brand Elements */
.brand-color-primary {
    color: #003057;
}

.brand-bg-primary {
    background-color: #003057;
}

.brand-color-secondary {
    color: #727272;
}

.brand-bg-secondary {
    background-color: #727272;
}
/* Page Title Styling - Consistent across all pages */
.page-title {
	font-size: 3.5em !important;
	font-weight: 800 !important;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-family: "Poppins", Arial, sans-serif !important;
	line-height: 1.2;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Override page-header h1 defaults for page-title */
.page-header .page-title {
	font-size: 3.5em !important;
	font-weight: 800 !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	top: 0 !important;
	line-height: 1.2 !important;
	font-family: "Poppins", Arial, sans-serif !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
}

@media (max-width: 768px) {
	.page-title {
		font-size: 2rem !important;
	}
	
	.page-header .page-title {
		font-size: 2rem !important;
	}
}
/* Client Logos Carousel Styling */
.client-logo-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    padding: 10px;
}

.client-logo-wrapper img {
    max-height: 80px;
    max-width: 150px;
    width: auto;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
    transition: filter 0.3s ease;
}

.client-logo-wrapper img:hover {
    filter: none;
}