html {scroll-behavior:smooth;}
body {font-family:Inter,sans-serif;}
.nav-link{
    position:relative;
    color:#1e293b;
    transition:.3s;
}
.nav-link:hover{
    color:#15803d;
}
.nav-link::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-8px;
    width:0;
    height:2px;
    background:#15803d;
    transition:.3s;
}
.nav-link:hover::after{
    width:100%;
}
#navbar li a{
    transition:.25s;
}
#navbar li a:hover{
    color:#15803d;
    padding-left:8px;
}
.industry-link{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px;
    border-radius:8px;
    color:#334155;
    transition:.3s;
}
.industry-link i{
    color:#15803d;
    width:20px;
}
.industry-link:hover{
    background:#f0fdf4;
    color:#15803d;
    padding-left:18px;
}
.mobile-link{
    display:flex;
    padding:16px 0;
    border-bottom:1px solid #e5e7eb;
    font-weight:500;
    color:#1e293b;
}
.mobile-sub-link{
    display:block;
    padding:12px 0;
    color:#64748b;
    font-size:15px;
}
.mobile-sub-link:hover{
    color:#15803d;
}
.active-link::after{
    width:100%;
}
.nav-link::after{

    content:'';

    position:absolute;

    left:0;

    bottom:-8px;

    width:0;

    height:2px;

    background:#15803d;

    transition:.3s;

}

.nav-link:hover::after{

    width:100%;

}

#navbar li a{

transition:.25s;

}

#navbar li a:hover{

color:#15803d;

padding-left:8px;

}

.industry-link{

display:flex;

align-items:center;

gap:12px;

padding:12px;

border-radius:8px;

color:#334155;

transition:.3s;

}


.industry-link i{

color:#15803d;

width:20px;

}


.industry-link:hover{

background:#f0fdf4;

color:#15803d;

padding-left:18px;

}

.mobile-link{

display:flex;

padding:16px 0;

border-bottom:1px solid #e5e7eb;

font-weight:500;

color:#1e293b;

}



.mobile-sub-link{

display:block;

padding:12px 0;

color:#64748b;

font-size:15px;

}



.mobile-sub-link:hover{

color:#15803d;

}

.active-link::after{

width:100%;

}


.service-card{

background:white;

padding:32px;

border-radius:20px;

transition:.3s;

border:1px solid #e2e8f0;

}



.service-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 40px rgba(0,0,0,.08);

}



.service-icon{

width:60px;

height:60px;

display:flex;

align-items:center;

justify-content:center;

background:#dcfce7;

color:#15803d;

font-size:26px;

border-radius:14px;

margin-bottom:24px;

}



.service-card h3{

font-size:24px;

font-weight:700;

color:#0f172a;

}



.service-card p{

margin-top:15px;

color:#64748b;

line-height:1.7;

}



.service-card ul{

margin-top:20px;

space-y:3;

color:#475569;

}



.service-card li{

margin-bottom:8px;

}



.service-link{

display:inline-block;

margin-top:25px;

font-weight:600;

color:#15803d;

}


.choose-card{

padding:28px;

background:#f8fafc;

border-radius:18px;

border:1px solid #e2e8f0;

transition:.3s;

}



.choose-card:hover{

background:white;

transform:translateY(-6px);

box-shadow:0 15px 35px rgba(0,0,0,.08);

}



.choose-icon{

width:55px;

height:55px;

border-radius:14px;

display:flex;

align-items:center;

justify-content:center;

background:#dcfce7;

color:#15803d;

font-size:22px;

margin-bottom:20px;

}



.choose-card h3{

font-size:20px;

font-weight:700;

color:#0f172a;

}



.choose-card p{

margin-top:12px;

color:#64748b;

line-height:1.6;

}



.process-card{

position:relative;

background:white;

padding:30px 22px;

border-radius:18px;

border:1px solid #e2e8f0;

text-align:center;

transition:.3s;

}



.process-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 40px rgba(0,0,0,.08);

}



.process-number{

position:absolute;

top:-15px;

right:20px;

background:#15803d;

color:white;

width:40px;

height:40px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

font-weight:700;

}



.process-icon{

width:65px;

height:65px;

margin:10px auto 20px;

background:#dcfce7;

color:#15803d;

display:flex;

align-items:center;

justify-content:center;

font-size:26px;

border-radius:16px;

}



.process-card h3{

font-size:21px;

font-weight:700;

color:#0f172a;

}



.process-card p{

margin-top:12px;

color:#64748b;

line-height:1.6;

}




.industry-card{

padding:32px;

border-radius:20px;

background:#f8fafc;

border:1px solid #e2e8f0;

transition:.3s;

}



.industry-card:hover{

background:white;

transform:translateY(-8px);

box-shadow:0 20px 40px rgba(0,0,0,.08);

}



.industry-icon{

width:60px;

height:60px;

display:flex;

align-items:center;

justify-content:center;

background:#dcfce7;

color:#15803d;

border-radius:16px;

font-size:26px;

margin-bottom:24px;

}



.industry-card h3{

font-size:22px;

font-weight:700;

color:#0f172a;

}



.industry-card p{

margin-top:12px;

color:#64748b;

line-height:1.7;

}



.industry-card a{

display:inline-block;

margin-top:20px;

color:#15803d;

font-weight:600;

}




.project-card{

background:white;

border-radius:20px;

overflow:hidden;

border:1px solid #e2e8f0;

transition:.3s;

}



.project-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 40px rgba(0,0,0,.08);

}



.project-image{

width:100%;

height:260px;

object-fit:cover;

transition:.5s;

}



.project-card:hover .project-image{

transform:scale(1.05);

}



.project-tag{

display:inline-block;

background:#dcfce7;

color:#15803d;

padding:6px 12px;

border-radius:999px;

font-size:13px;

font-weight:600;

}



.project-card h3{

margin-top:16px;

font-size:22px;

font-weight:700;

color:#0f172a;

}



.project-card p{

margin-top:12px;

color:#64748b;

line-height:1.7;

}



.project-card a{

display:inline-block;

margin-top:20px;

font-weight:600;

color:#15803d;

}






.industry-pill{

padding:12px 22px;

background:#f8fafc;

border:1px solid #e2e8f0;

border-radius:999px;

color:#334155;

font-weight:500;

transition:.3s;

}



.industry-pill:hover{

background:#dcfce7;

border-color:#15803d;

color:#15803d;

}

.footer-title{

font-size:18px;

font-weight:700;

color:white;

margin-bottom:24px;

}



.footer-links{

space-y:4;

}



.footer-links li{

margin-bottom:12px;

}



.footer-links a{

color:#94a3b8;

transition:.3s;

}



.footer-links a:hover{

color:white;

}



.footer-contact li{

display:flex;

gap:12px;

align-items:center;

margin-bottom:16px;

color:#94a3b8;

}



.footer-contact i{

color:#22c55e;

}

.social-icon{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#1e293b;
    color:white;
    transition:.3s;
}
.social-icon:hover{
    background:#15803d;
}