:root {
--green: #1A4D2E; /*forest green*/
--soft-green: #e8f3ed;  
--orange: #F28C28 ;  /* Action Orange */
--light: #F7F8FA;
--dark: #0f172a;    /* Slate-900 */
--muted: #6b7280;   /* Gray-500 */
--radius: 16px;
--shadow: 0 10px 30px rgba(0,0,0,.08);
--maxw: 1180px;
}
* {
margin: 0; 
padding: 0; 
    box-sizing: border-box;
}
.bg-light-green{
background: var(--soft-green); 
}
.bg-green{
background: radial-gradient(1000px 500px at 10% -10%, #2a7a4f 0%, var(--green) 40%, #0e311f 100%); 
}
.container hr{
border: none;
border-bottom: 1px solid var(--muted);
width: 50%;
margin: auto;
}
.btn-warning{
background-color: var(--orange);
border: none;
color: var(--light);
}
.btn-warning:hover{
background-color: rgb(255, 119, 0);
border: none;
color: var(--light);
}

.grid { 
display: grid; 
gap: 24px; 
}
.shadow { 
box-shadow: var(--shadow); 
}
.card { 
border:none;
background: white; 
border-radius: var(--radius); padding: 22px; 
box-shadow: var(--shadow); 
}
.tag { 
display:inline-block; 
padding: 6px 12px; 
background: #e8f3ed; 
color: var(--green); 
border-radius: 999px; 
font-size: 12px; 
font-weight: 600; 
letter-spacing:.2px;
width: fit-content; 
}
.pill { 
border-radius: 999px; 
}
body { 
font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif;
color: var(--dark); 
}
.icon { 
width: 70px; 
height:70px; 
border-radius: 50px; 
display:grid; 
place-items:center; 
margin: 0 auto 12px; 
background: #e8f3ed; 
}
.icon .bi{
font-size: 2rem;
}

.nav { 
position: sticky; 
top: 0; 
z-index: 50; 
background: rgba(255,255,255,.9); 
backdrop-filter: blur(8px); 
border-bottom: 1px solid #eef0f3; 
padding: 20px 0px;
}
.nav-inner {  
display:flex; 
align-items:center; 
justify-content:space-evenly; 
height:auto; 
}
.brand .logo img{ 
width:200px;  
}

.menu { 
display:flex; 
align-items:center; 
gap:18px; }
.menu a { 
color:#111827; 
text-decoration:none; 
font-weight:500; 
padding:10px 12px; 
border-radius:10px; }
.menu a:hover { 
background:#f2f4f7; }
.cta { 
display:flex; 
gap:12px; 
}
.btn-custom { 
background: var(--orange); 
color: white; 
}
.shadow { 
box-shadow: var(--shadow);
}
.card { 
background: white; 
border-radius: var(--radius); padding: 22px; 
box-shadow: var(--shadow); 
}
.tag { 
display:inline-block; 
padding: 6px 12px; 
background: #e8f3ed; 
color: var(--green); border-radius: 999px; 
font-size: 12px; 
font-weight: 600; 
letter-spacing:.2px; 
}
.pill { 
border-radius: 999px;
}
.btn-rounded {
display:inline-block; 
padding: 14px 30px; border-radius: 999px; font-weight: 600; text-decoration: none; transition: transform .08s ease, box-shadow .2s ease; box-shadow: var(--shadow); }

.btn-custom:hover { 
background: var(--orange);
color: white; 
}
.section-title {   
color: var(--dark);
font-weight: bold;
font-size: 28px;   
}

/* Hero */
.hero { 
color: white; 
background: radial-gradient(1000px 500px at 10% -10%, #2a7a4f 0%, var(--green) 40%, #0e311f 100%); 

}
.hero .inner { 
width: 90%;
margin: auto;
align-items:center; 
justify-content: center;
padding: 80px 0; }
.hero h1 { 
font-size: clamp(32px, 5vw, 56px); 
line-height:1.05; 
margin: 0 0 16px; }
.hero p { 
font-size: clamp(16px, 2.2vw, 18px); 
color: #e6f2ea; 
margin: 0 0 28px; }
.hero .actions { 
display:flex; 
gap:14px; 
flex-wrap: wrap; }
.hero .media { 
position: relative;
}
.hero .mock { 
border-radius: 18px; 
overflow: hidden; 
border: 1px solid rgba(255,255,255,.15); box-shadow: 0 20px 60px rgba(0,0,0,.35); background: #0d1f17; 
}
.hero .mock img { 
width: 100%; 
height: auto; 
display:block; 
opacity:.9; }
.divider { 
position: relative; 
height: 100px; 
background-color: white;
overflow: hidden; }
.divider svg { 
position:absolute; 
background:  #0e311f 100%; 
left:0; 
right:0; 
top:-1px; 
width:100%; 
height:100%; 
display:block;
}

.section { 
/* padding: 72px 0;  */
background: white; 
}
.muted { 
background: var(--light); 
}
.two-col { 
grid-template-columns: repeat(2, 1fr); 
align-items:center; 
}
.kpis { 
display:grid; 
grid-template-columns: repeat(4,1fr); gap:18px; 
margin-top:18px; 
}
.kpi { 
background:white; 
border:1px solid #eef0f3; border-radius: 12px; 
padding: 14px 16px; text-align:center; 
}
.kpi h3 { 
margin: 0; 
font-size: 28px; 
font-weight: 900;
color: var(--orange); 
}
.kpi p { 
margin:6px 0 0; 
color: var(--muted); 
font-size: 13px; 

}
.grid div h2{
color: var(--dark);
font-weight: bold;
font-size: 28px;
}

.icon-box { 
background: white; 
border-radius: 12px; 
padding: 30px; 
text-align: center; 
box-shadow: 0 4px 15px rgba(0,0,0,0.05); 
transition: transform 0.3s;
}
.icon-box:hover { 
transform: translateY(-5px); 
}

/* Verification timeline */
.timeline { 
position:relative; 
padding-left: 26px; 
}
.timeline::before { 
content:""; 
position:absolute; 
left:10px; 
top:0; 
bottom:0; 
width:2px; 
background:#e2e8f0; 
}
.titem { 
position:relative; 
padding: 14px 0 14px 14px; 
}
.titem::before { 
content:""; 
position:absolute; 
left:-2px; 
top:22px; 
width:10px; 
height:10px; 
background: #F28C28; 
border: 2px solid white; 
box-shadow: 0 0 0 2px #e2e8f0; 
border-radius: 999px; }
.titem h4 { 
margin: 0 0 6px;
}
.titem p { 
margin: 0;
    color: var(--muted); 
}
.open-quotes{
font-size: 90px;
line-height: 0px;
color: #0e311f;
font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
padding-top: 20px;
display: inline;
}
/* .close-quote{
font-size: 100px;
line-height: 0px;
color: #0e311f;
font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
display: block;
padding-top: 60px;
float: right;
} */
/* Testimonials */
.quote { 
background:white; 
border:1px solid #eef0f3; 
border-radius: 16px; 
padding:50px; 
display:flex; 
flex-direction:column; 
gap:12px; }

.card-img-top{
object-fit: cover;
height: 100px ;
}
.quote .person { 
display:flex; 
align-items:center; 
gap:12px; }
.avatar { 
width:60px; 
height:60px; 
border-radius:999px; 
background:#e8f3ed; 
display:grid; 
place-items:center; 
font-weight:700; 
color: var(--green); }


/* carousel */
.carousel-wrapper {
position: relative;
overflow: hidden;
text-align: left;
}

.carousel-container {
display: flex;
overflow-x: auto;
scroll-behavior: smooth;
gap: 1rem;
}

.carousel-container::-webkit-scrollbar {
display: none;
}

.carousel-item-custom {
flex: 0 0 auto;
width: 400px;
height: 400px;
/* background-color: #eaeaea; */
display: flex;
align-items: center;
}

.carousel-control-custom {
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.9);
border: none;
width: 40px;
height: 40px;
z-index: 10;
left: 0;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.carousel-control-prev-custom {
left: 10px;
}

.carousel-control-next-custom {
right: 10px;
}

/* CTA banner */
.cta-band { 
background: var(--dark); 
color: white; 
border-radius: 20px; 
padding: 36px; 
display:flex; 
align-items:center; 
justify-content:space-between; 
gap:18px; }
/* Footer */
footer {  
    background: #0c2417; 
    color:#cfe2d8; 
}
footer .cols { 
    display:grid; 
    grid-template-columns: 1.2fr .8fr .8fr .8fr; 
    gap: 28px; 
    padding: 56px 0; }
footer a { 
    color:#cfe2d8; 
    text-decoration:none; 
}
footer a:hover { 
    text-decoration:underline; 
}
.copy { 
    border-top: 1px solid rgba(255,255,255,.12); 
    padding: 16px 0 28px; 
    font-size: 14px; }
ul{
    list-style-type: none;
}
.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}
.rating i {
    color: #f1c40f;
}
.card img {
    border-radius: 10px;
    height: 180px;
    object-fit: cover;
}
/* job styles */
.job-section {
    padding: 80px 0;
  }

.job-card {
    border: none;
    border-radius: 20px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background: #fff;
}

.job-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

.job-card img {
    height: 180px;
    object-fit: cover;
}
.card-body  .company-logo{
    width: 60px;
    height: 60px;
    object-fit: contain;
    border-radius: 50%;
    border: 2px solid #eee;
}
.btn-apply {
    border-radius: 30px;
    padding: 8px 20px;
    font-weight: 600;
}
.page-title-section {
    position: relative;
    background: linear-gradient(
                    rgba(1, 36, 21, 0.7), 
                    rgba(0, 0, 0, 0.7)   
                ),
                url('/assets/images/bg.jpg') center/cover no-repeat;
    height: 30vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
a{
    text-decoration: none;
}
.single-container img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}
  
/* Responsive */
@media (max-width: 1000px) {
    .hero .inner { grid-template-columns: 1fr; padding: 64px 0; }
    .two-col { grid-template-columns: 1fr; }
    .steps { grid-template-columns: 1fr; }
    .testimonials { grid-template-columns: 1fr; }
    .kpis { grid-template-columns: repeat(2,1fr); }
    footer .cols { grid-template-columns: 1fr 1fr; }
    .col-md-2 img{
        height: 50px;
    }
}

@media (max-width: 640px) {
    .nav-inner { padding: 0 8px; }
    .menu { display:block; }
    .cta-band { flex-direction: column; text-align: center; }
    .kpis { grid-template-columns: 1fr; }
    footer .cols { grid-template-columns: 1fr; }
    footer{
        padding: 30px;
    }
}