/*==========================================================
Hero Section
==========================================================*/

.acc-container{

    width:min(1280px,92%);
    margin:auto;

}

.acc-hero{

    padding:110px 0 70px;

    position:relative;

}

.acc-hero-grid{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:70px;

    align-items:center;

}

.acc-badge{

    display:inline-flex;

    align-items:center;

    background:#eef8f3;

    color:#2b9a66;

    padding:10px 22px;

    border-radius:100px;

    font-size:14px;

    font-weight:600;

    margin-bottom:25px;

}

.acc-title{

    font-size:58px;

    line-height:1.1;

    font-weight:700;

    color:#0e1b16;

    margin-bottom:25px;

}

.acc-subtitle{

    font-size:18px;

    line-height:1.8;

    color:#667085;

    max-width:640px;

}

.acc-buttons{

    display:flex;

    gap:15px;

    margin-top:40px;

}

.acc-btn-primary{

    background:#2b9a66;

    color:#fff;

    padding:16px 32px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.acc-btn-primary:hover{

    transform:translateY(-4px);

    background:#248858;

}

.acc-btn-outline{

    border:2px solid #2b9a66;

    color:#2b9a66;

    padding:16px 32px;

    border-radius:50px;

    text-decoration:none;

    transition:.3s;

}

.acc-btn-outline:hover{

    background:#2b9a66;

    color:#fff;

}

.acc-hero-image{

    position:relative;

}

.acc-hero-image img{

    width:100%;

    border-radius:24px;

    display:block;

    box-shadow:0 40px 90px rgba(0,0,0,.12);

}

.acc-stats{

    margin-top:70px;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}

.acc-stat{

    background:#fff;

    border-radius:24px;

    padding:35px;

    text-align:center;

    box-shadow:0 10px 40px rgba(0,0,0,.06);

    transition:.35s;

}

.acc-stat:hover{

    transform:translateY(-10px);

}

.acc-stat img{

    width:48px;

    margin-bottom:18px;

}

.acc-stat h3{

    font-size:42px;

    color:#2b9a66;

    margin-bottom:8px;

}

.acc-stat span{

    color:#667085;

}

/*==========================================================
Responsive
==========================================================*/

@media(max-width:991px){

.acc-hero-grid{

grid-template-columns:1fr;

}

.acc-title{

font-size:42px;

}

.acc-stats{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:576px){

.acc-title{

font-size:34px;

}

.acc-buttons{

flex-direction:column;

}

.acc-stats{

grid-template-columns:1fr;

}

}



/*==================================================
CLIENT PROFILE
==================================================*/

.acc-profile{

    padding:90px 0;

}

.acc-section-heading{

    text-align:center;

    max-width:760px;

    margin:0 auto 60px;

}

.acc-section-heading span{

    display:inline-block;

    color:#2b9a66;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:18px;

}

.acc-section-heading h2{

    font-size:44px;

    color:#13261a;

    margin-bottom:18px;

}

.acc-section-heading p{

    color:#667085;

    font-size:18px;

    line-height:1.8;

}

.acc-profile-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:28px;

}

.acc-profile-card{

    background:#fff;

    border-radius:24px;

    padding:40px;

    transition:.35s;

    border:1px solid #edf0f2;

    box-shadow:0 12px 40px rgba(0,0,0,.05);

}

.acc-profile-card:hover{

    transform:translateY(-10px);

    border-color:#2b9a66;

}

.acc-profile-icon{

    width:72px;

    height:72px;

    border-radius:18px;

    background:#eef8f3;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:28px;

}

.acc-profile-icon img{

    width:36px;

}

.acc-profile-card h4{

    font-size:22px;

    margin-bottom:14px;

    color:#13261a;

}

.acc-profile-card p{

    color:#667085;

    line-height:1.8;

}

@media(max-width:992px){

.acc-profile-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:576px){

.acc-profile-grid{

grid-template-columns:1fr;

}

}


/*==========================================================
PROJECT OVERVIEW
==========================================================*/

.acc-overview{

padding:120px 0;

}

.acc-overview-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}

.acc-section-label{

display:inline-block;

font-size:13px;

font-weight:700;

letter-spacing:2px;

color:#2b9a66;

margin-bottom:18px;

text-transform:uppercase;

}

.acc-overview h2{

font-size:46px;

line-height:1.2;

margin-bottom:28px;

}

.acc-overview-text{

font-size:18px;

line-height:1.9;

color:#667085;

}

.acc-overview-images{

display:grid;

grid-template-columns:1fr;

gap:25px;

}

.acc-overview-card{

position:relative;

overflow:hidden;

border-radius:24px;

}

.acc-overview-card img{

width:100%;

height:320px;

object-fit:cover;

display:block;

transition:.5s;

}

.acc-overview-card:hover img{

transform:scale(1.08);

}

.acc-overview-overlay{

position:absolute;

left:25px;

bottom:25px;

background:rgba(19,38,26,.85);

color:#fff;

padding:14px 22px;

border-radius:12px;

font-weight:600;

backdrop-filter:blur(10px);

}



/*==========================================================
CHALLENGES
==========================================================*/

.acc-challenges{

padding:120px 0;

background:#f8fbf9;

}

.acc-challenge-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

margin-top:60px;

}

.acc-challenge-card{

position:relative;

background:#fff;

padding:40px;

border-radius:24px;

overflow:hidden;

transition:.35s;

border:1px solid #edf1ef;

}

.acc-challenge-card:hover{

transform:translateY(-10px);

border-color:#22a36a;

}

.acc-number{

position:absolute;

top:20px;

right:25px;

font-size:72px;

font-weight:800;

opacity:.05;

color:#22a36a;

line-height:1;

}

.acc-icon{

width:72px;

height:72px;

background:#eef8f3;

display:flex;

justify-content:center;

align-items:center;

border-radius:20px;

margin-bottom:28px;

}

.acc-icon img{

width:38px;

}

.acc-challenge-card h3{

font-size:22px;

margin-bottom:16px;

}

.acc-challenge-card p{

color:#667085;

line-height:1.8;

}

@media(max-width:1200px){

.acc-challenge-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:600px){

.acc-challenge-grid{

grid-template-columns:1fr;

}

}


/*==================================================
SOLUTION
==================================================*/

.acc-solution{

padding:120px 0;

}

.acc-solution-row{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

margin-bottom:120px;

}

.acc-solution-row.reverse{

direction:rtl;

}

.acc-solution-row.reverse>*{

direction:ltr;

}

.acc-solution-image img{

width:100%;

border-radius:28px;

box-shadow:0 30px 80px rgba(0,0,0,.08);

}

.acc-step{

display:inline-flex;

width:70px;

height:70px;

border-radius:50%;

background:#2b9a66;

color:#fff;

align-items:center;

justify-content:center;

font-weight:700;

font-size:26px;

margin-bottom:30px;

}

.acc-module-icon{

width:60px;

margin-bottom:20px;

}

.acc-solution-content h3{

font-size:36px;

margin-bottom:20px;

}

.acc-check-list{

margin-top:25px;

display:grid;

grid-template-columns:repeat(2,1fr);

gap:14px;

padding:0;

list-style:none;

}

.acc-check-list li{

position:relative;

padding-left:28px;

}

.acc-check-list li:before{

content:"✓";

position:absolute;

left:0;

color:#2b9a66;

font-weight:bold;

}

/*==================================================
RESULTS
==================================================*/

.acc-results{

padding:120px 0;

background:#f8fbf9;

}

.acc-kpi-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

margin:60px 0 80px;

}

.acc-kpi-card{

background:#fff;

padding:40px;

text-align:center;

border-radius:24px;

box-shadow:0 12px 40px rgba(0,0,0,.05);

transition:.35s;

}

.acc-kpi-card:hover{

transform:translateY(-8px);

}

.acc-kpi-card img{

width:48px;

margin-bottom:20px;

}

.acc-kpi-card h3{

font-size:52px;

color:#2b9a66;

margin-bottom:8px;

}

.acc-kpi-card span{

color:#667085;

font-weight:500;

}

.acc-results-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}

.acc-result-card{

background:#fff;

padding:35px;

border-radius:24px;

border:1px solid #edf0f2;

transition:.35s;

}

.acc-result-card:hover{

border-color:#2b9a66;

transform:translateY(-8px);

}

.acc-result-icon{

width:70px;

height:70px;

background:#eef8f3;

border-radius:18px;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:25px;

}

.acc-result-icon img{

width:36px;

}

.acc-result-card h4{

margin-bottom:15px;

font-size:22px;

}

.acc-result-card p{

color:#667085;

line-height:1.8;

}

@media(max-width:992px){

.acc-kpi-grid,
.acc-results-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:576px){

.acc-kpi-grid,
.acc-results-grid{

grid-template-columns:1fr;

}

}

/*==================================================
BUSINESS IMPACT
==================================================*/

.acc-impact{

padding:120px 0;

}

.acc-impact-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}

.acc-impact-image img{

width:100%;

border-radius:28px;

box-shadow:0 30px 80px rgba(0,0,0,.08);

}

.acc-benefits{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:20px;

margin-top:40px;

}

.acc-benefit{

display:flex;

align-items:center;

gap:15px;

padding:18px;

background:#fff;

border-radius:16px;

box-shadow:0 8px 25px rgba(0,0,0,.05);

}

.acc-benefit img{

width:34px;

}

/*==================================================
SERVICES DELIVERED
==================================================*/

.acc-services{

padding:120px 0;

}

.acc-service-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

margin-top:60px;

}

.acc-service-card{

padding:40px;

background:#fff;

border-radius:24px;

text-align:center;

box-shadow:0 10px 30px rgba(0,0,0,.05);

transition:.35s;

border:1px solid #edf1ef;

}

.acc-service-card:hover{

transform:translateY(-10px);

border-color:#2b9a66;

}

.acc-service-icon{

width:72px;

height:72px;

margin:auto;

margin-bottom:25px;

background:#eef8f3;

border-radius:18px;

display:flex;

justify-content:center;

align-items:center;

}

.acc-service-icon img{

width:40px;

}

.acc-service-card h4{

margin-bottom:12px;

font-size:22px;

}

.acc-service-card p{

color:#667085;

line-height:1.7;

}

@media(max-width:992px){

.acc-service-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:576px){

.acc-service-grid{

grid-template-columns:1fr;

}

}

/*==================================================
RELATED CASE STUDIES
==================================================*/

.acc-related{

padding:120px 0;

background:#f8fbf9;

}

.acc-related-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:35px;

margin-top:60px;

}

.acc-related-card{

background:#fff;

overflow:hidden;

border-radius:24px;

transition:.35s;

box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.acc-related-card:hover{

transform:translateY(-10px);

}

.acc-related-image{

overflow:hidden;

}

.acc-related-image img{

width:100%;

height:260px;

object-fit:cover;

transition:.5s;

}

.acc-related-card:hover img{

transform:scale(1.08);

}

.acc-related-content{

padding:35px;

}

.acc-related-category{

display:inline-block;

padding:8px 18px;

background:#eef8f3;

color:#2b9a66;

border-radius:50px;

font-size:13px;

font-weight:700;

margin-bottom:20px;

}

.acc-related-content h3{

font-size:24px;

margin-bottom:15px;

}

.acc-related-content p{

line-height:1.8;

color:#667085;

margin-bottom:25px;

}

.acc-read-more{

color:#2b9a66;

font-weight:700;

text-decoration:none;

}

@media(max-width:992px){

.acc-related-grid{

grid-template-columns:1fr;

}

}
/*==================================================
CTA V2
==================================================*/

.acc-cta{

position:relative;

padding:140px 0 60px;

overflow:hidden;

color:#fff;

border-radius:30px;

margin-top:120px;

}

.acc-cta-bg{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

z-index:1;

}

.acc-cta-bg img{

width:100%;

height:100%;

object-fit:cover;

}

.acc-cta-overlay{

position:absolute;

inset:0;

background:rgba(9,20,16,.60);

z-index:2;

}

.acc-cta .acc-container{

position:relative;

z-index:5;

}

.acc-cta-inner{

display:flex;

justify-content:space-between;

align-items:flex-end;

gap:80px;

}

.acc-cta-content{

max-width:700px;

}

.acc-cta-tag{

display:inline-block;

font-size:14px;

letter-spacing:2px;

text-transform:uppercase;

font-weight:700;

color:#b7f36d;

margin-bottom:20px;

}

.acc-cta h2{

font-size:58px;

line-height:1.1;

margin-bottom:25px;

color:#fff;

}

.acc-cta p{

font-size:18px;

line-height:1.9;

opacity:.92;

max-width:650px;

margin-bottom:40px;

}

.acc-btn-outline.light{

border:2px solid rgba(255,255,255,.5);

color:#fff;

background:transparent;

}

.acc-btn-outline.light:hover{

background:#fff;

color:#111;

}

.acc-cta-stat{

min-width:270px;

padding:35px;

background:rgba(255,255,255,.10);

backdrop-filter:blur(20px);

border:1px solid rgba(255,255,255,.15);

border-radius:22px;

}

.acc-cta-stat small{

font-size:14px;

opacity:.8;

display:block;

margin-bottom:10px;

}

.acc-cta-stat h3{

font-size:64px;

font-weight:700;

line-height:1;

margin-bottom:15px;

color:#b7f36d;

}

.acc-cta-stat p{

font-size:15px;

margin:0;

line-height:1.6;

}

.acc-cta-services{

display:flex;

justify-content:space-between;

flex-wrap:wrap;

gap:20px;

margin-top:70px;

padding-top:35px;

border-top:1px solid rgba(255,255,255,.15);

}

.acc-cta-service{

display:flex;

align-items:center;

gap:15px;

color:#fff;

}

.acc-cta-service i{

width:54px;

height:54px;

display:flex;

align-items:center;

justify-content:center;

border-radius:16px;

background:rgba(255,255,255,.08);

font-size:22px;

color:#b7f36d;

border:1px solid rgba(255,255,255,.10);

transition:.35s;

}

.acc-cta-service:hover i{

transform:translateY(-4px);

background:#b7f36d;

color:#10231c;

}

.acc-cta-service span{

font-size:16px;

font-weight:500;

}

@media(max-width:992px){

.acc-cta{

padding:90px 0 50px;

}

.acc-cta-inner{

flex-direction:column;

align-items:flex-start;

gap:40px;

}

.acc-cta h2{

font-size:42px;

}

.acc-cta-stat{

width:100%;

max-width:350px;

}

.acc-cta-services{

display:grid;

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:576px){

.acc-cta h2{

font-size:34px;

}

.acc-cta-services{

grid-template-columns:1fr;

}

}
/*=========================================
Hero Highlights
=========================================*/

.acc-hero-highlights{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:18px;

margin-top:45px;

}

.acc-highlight-card{

display:flex;

align-items:flex-start;

gap:18px;

padding:20px;

background:#fff;

border-radius:18px;

border:1px solid #edf1ef;

box-shadow:0 10px 30px rgba(0,0,0,.05);

transition:.35s;

}

.acc-highlight-card:hover{

transform:translateY(-5px);

border-color:#2b9a66;

}

.acc-highlight-icon{

width:56px;

height:56px;

display:flex;

justify-content:center;

align-items:center;

background:#eef8f3;

border-radius:16px;

flex-shrink:0;

}

.acc-highlight-icon img{

width:28px;

}

.acc-highlight-content h5{

font-size:18px;

margin-bottom:6px;

color:#13261a;

}

.acc-highlight-content p{

font-size:15px;

color:#667085;

line-height:1.6;

}

@media(max-width:768px){

.acc-hero-highlights{

grid-template-columns:1fr;

}

}