:root {
	--navy: #0f2233;
	--navy-2: #0c1b29;
	--red: #e74c3c;
	--green: #0a5c2d;

	--green-light: #0f7a3c;
    --text-dark: #333;
    --text-light: #555;
    --bg-light: #f8f8f8;

	--contract: #f90612;
	--energy: #ff9401;
}

html,
body {
	height: 100%;
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

body {
	font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	color: #111;
}

.navbar {
	background: linear-gradient(180deg, var(--navy), var(--navy-2));
}

.navbar .nav-link,
.navbar-brand {
	color: #fff !important;
	font-weight: 500;
}

.hero {
	background: linear-gradient(180deg, var(--navy), var(--navy-2));
}

.asset-recovery {
	background: var(--green);
}

.contract {
	background: var(--contract);
}

.energy {
	background: var(--energy);
}

.hero h1 {
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 10px;
}

.hero p {
	opacity: .9;
	margin-bottom: 25px;
}

.btn-red{
	background:#e74c3c;
	color:#fff;
	padding:12px 28px;
	font-weight:600;
	border-radius:6px;
}

.section {
	padding: 70px 0;
}

.energy-title {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 10px;
}

.footer{
	background: linear-gradient(180deg, var(--navy), var(--navy-2));
	color:#fff;
	text-align:center;
	padding:25px 0;
}

.asset-recovery-content h2 {
	font-size: 42px;
    font-weight: 800;
    color: var(--green);
}

.asset-recovery-content button {
    background: var(--green);
    color: white;
}

.asset-recovery-content button:hover {
	color: white;
    background: var(--green-light);
    box-shadow: 0 0 12px rgba(10, 92, 45, 0.5);
    transform: translateY(-3px);
}

.asset-recovery-content form input, .asset-recovery-content form textarea {
    width: 100%;
    padding: 14px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 6px;
    transition: 0.3s;
}
 
.asset-recovery-content form input:focus, .asset-recovery-content form textarea:focus {
    border-color: var(--green);
    box-shadow: 0 0 8px rgba(10, 92, 45, 0.3);
}
.asset-recovery-content .asset-recovery-form-section {
	padding: 60px 0;
}
.asset-recovery-content .asset-recovery-form-section .container {
	max-width:900px; margin:auto;
}
.asset-recovery-content .asset-recovery-form-section .container h2 {
	color:var(--green); text-align:center; font-size:32px; font-weight:700;
}
.asset-recovery-content .asset-recovery-form-section .container .underline {
	width:100px; 
	height:4px; 
	background:var(--green); 
	margin:20px auto; 
	border-radius:2px;
}


.contract-content h2 {
	font-size: 42px;
    font-weight: 800;
    color: var(--contract);
}

.energy-content h2 {
	font-size: 42px;
    font-weight: 800;
    color: var(--energy);
}

.contact-us-content .contact-info {
	padding: 40px 0;
	background:#f7f9fc;
}
.contact-us-content .contact-info .container {
	max-width:1100px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	gap:40px; 
	justify-content:center;
}
.contact-us-content .contact-info .container .info-box {
	flex:1;
	min-width:300px;
}
.contact-us-content .contact-info .container .info-box h3 {
	color: var(--navy-2); font-size:24px; font-weight:700;
}
.contact-us-content .contact-info .container .info-box p {
	font-size:16px; color:#444; line-height:1.6;
}

.contact-us-content .contact-form-section {
	padding: 60px 0;
}
.contact-us-content .contact-form-section .container {
	max-width:900px; margin:auto;
}
.contact-us-content .contact-form-section .container h2 {
	color:var(--navy); text-align:center; font-size:32px; font-weight:700;
}
.contact-us-content .contact-form-section .container .underline {
	width:100px; 
	height:4px; 
	background:var(--navy); 
	margin:20px auto; 
	border-radius:2px;
}
.contact-us-content form input, .contact-us-content form textarea {
    width: 100%;
    padding: 14px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 6px;
    transition: 0.3s;
}
.contact-us-content form input:focus, .contact-us-content form textarea:focus {
    border-color: var(--navy);
    box-shadow: 0 0 8px rgba(10, 92, 45, 0.3);
}
.contact-us-content button {
    background: var(--navy);
    color: white;
}

.contact-us-content button:hover {
	color: white;
    background: var(--navy);
    box-shadow: 0 0 12px rgba(10, 92, 45, 0.5);
    transform: translateY(-3px);
}


.fade-in { animation: fadeIn 1.2s ease-in-out; }
.slide-up { animation: slideUp 1s ease-in-out; }
@keyframes fadeIn {
    from { opacity:0; }
    to { opacity:1; }
}
@keyframes slideUp {
    from { opacity:0; transform:translateY(20px); }
    to { opacity:1; transform:translateY(0); }
}