/*==========================================
        SOLUTIONS INTRO
==========================================*/
.about-banner{
    padding-top:90px;
}
.solutions-intro{
    padding:100px 0 60px;
    background:#fff;
}

.section-title{
    text-align:center;
    max-width:850px;
    margin:auto;
}

.section-title span{
    color:#178D3C;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.section-title h2{
    font-size:48px;
    font-weight:800;
    margin:15px 0 25px;
    color:#111;
}

.section-title p{
    color:#666;
    font-size:17px;
    line-height:1.8;
}

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

.solutions-grid{
    padding:40px 0 100px;
    background:#f8f9fa;
}

.solutions-grid .container{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.solution-card{
    background:#fff;
    padding:40px 25px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    transition:.35s;
}

.solution-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.solution-card i{
    font-size:55px;
    color:#178D3C;
    margin-bottom:20px;
}

.solution-card h3{
    font-size:22px;
    margin-bottom:15px;
    font-weight:700;
}

.solution-card p{
    color:#666;
    line-height:1.8;
}

/*==========================================
        HOW WE WORK
==========================================*/

.work-process{
    padding:100px 0;
    background:#fff;
}

.process-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    margin-top:60px;
}

.process-card{
    background:#f8f9fa;
    border-radius:20px;
    padding:35px;
    text-align:center;
    transition:.3s;
}

.process-card:hover{
    background:#178D3C;
    color:#fff;
    transform:translateY(-10px);
}

.process-card:hover .number{
    background:#fff;
    color:#178D3C;
}

.process-card:hover p{
    color:#fff;
}

.number{
    width:70px;
    height:70px;
    margin:auto auto 25px;
    border-radius:50%;
    background:#178D3C;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    font-weight:700;
}

.process-card h3{
    margin-bottom:15px;
}

.process-card p{
    color:#666;
}

/*==========================================
        WHY CHOOSE
==========================================*/

.why-solution{
    padding:100px 0;
    background:#f8f9fa;
}

.why-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.why-grid img{
    width:100%;
    border-radius:25px;
    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.why-grid span{
    color:#178D3C;
    font-weight:700;
    letter-spacing:2px;
}

.why-grid h2{
    font-size:46px;
    margin:20px 0;
    font-weight:800;
}

.why-grid p{
    color:#666;
    margin-bottom:30px;
    line-height:1.8;
}

.why-grid ul{
    list-style:none;
    margin-bottom:35px;
}

.why-grid li{
    margin-bottom:18px;
    display:flex;
    align-items:center;
    gap:12px;
}

.why-grid li i{
    color:#178D3C;
    font-size:20px;
}

/*==========================================
        CTA
==========================================*/

.solution-cta{
    padding:100px 0;
    background:linear-gradient(135deg,#178D3C,#0f6d2f);
    color:#fff;
    text-align:center;
}

.solution-cta h2{
    font-size:48px;
    font-weight:800;
    margin-bottom:20px;
}

.solution-cta p{
    max-width:700px;
    margin:0 auto 35px;
    font-size:18px;
    line-height:1.8;
}

.solution-cta .btn{
    background:#fff;
    color:#178D3C;
}

.solution-cta .btn:hover{
    background:#111;
    color:#fff;
}

/*==========================================
        RESPONSIVE
==========================================*/

@media(max-width:1200px){

.solutions-grid .container{
grid-template-columns:repeat(2,1fr);
}

.process-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:991px){

.why-grid{
grid-template-columns:1fr;
gap:50px;
}

.section-title h2{
font-size:38px;
}

.why-grid h2{
font-size:36px;
}

.solution-cta h2{
font-size:38px;
}

}

@media(max-width:768px){

.solutions-intro,
.work-process,
.why-solution,
.solution-cta{
padding:70px 0;
}

.solutions-grid{
padding:30px 0 70px;
}

.solutions-grid .container{
grid-template-columns:1fr;
}

.process-grid{
grid-template-columns:1fr;
}

.section-title h2{
font-size:32px;
}

.why-grid h2{
font-size:30px;
}

.solution-cta h2{
font-size:30px;
}

.solution-cta p{
font-size:16px;
}

.solution-card,
.process-card{
padding:30px 20px;
}

}

@media(max-width:480px){

.section-title h2{
font-size:28px;
}

.solution-card h3{
font-size:20px;
}

.process-card h3{
font-size:20px;
}

.why-grid h2{
font-size:28px;
}

.solution-cta h2{
font-size:26px;
}

}