/*=============================
WHY US
=============================*/

.why-us{

padding:50px 0;

background:#ffffff;

}

.why-grid{

display:grid;

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

gap:30px;

margin-top:70px;

}

.why-card{

padding:40px;

background:#fff;

border-radius:24px;

box-shadow:0 20px 45px rgba(0,0,0,.06);

transition:.35s;

border:1px solid rgba(0,155,141,.08);

}

.why-card:hover{

transform:translateY(-12px);

box-shadow:0 25px 60px rgba(0,155,141,.15);

}

.why-icon{

width:70px;

height:70px;

display:flex;

align-items:center;

justify-content:center;

background:linear-gradient(135deg,#009B8D,#6BC048);

font-size:32px;

border-radius:18px;

margin-bottom:25px;

}

.why-card h3{

font-size:26px;

margin-bottom:15px;

color:#004B63;

}

.why-card p{

line-height:1.8;

color:#667085;

}

/*=============================
STATISTICS
=============================*/

.stats{

padding:110px 0;

background:linear-gradient(135deg,#004B63,#009B8D);

color:#fff;

}

.stats-grid{

display:grid;

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

gap:30px;

}

.stat-box{

text-align:center;

padding:40px;

}

.stat-box h2{

font-size:64px;

font-weight:800;

margin-bottom:12px;

font-family:Poppins,sans-serif;

}

.stat-box span{

font-size:18px;

opacity:.95;

}

@media(max-width:991px){

.why-grid{

grid-template-columns:1fr;

}

.stats-grid{

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

}

}

@media(max-width:600px){

.stats-grid{

grid-template-columns:1fr;

}

.stat-box h2{

font-size:46px;

}

}





/****************************************************** Others CSS *******************************************/
.testimonials{

padding:50px 0;

background:#F7FBFB;

}

.testimonial-grid{

display:grid;

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

gap:30px;

}

.testimonial-card{

padding:35px;

background:#fff;

border-radius:24px;

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

transition:.3s;

}

.testimonial-card:hover{

transform:translateY(-10px);

}

.stars{

color:#FDBA21;

font-size:22px;

margin-bottom:20px;

}

.author{

display:flex;

gap:15px;

margin-top:25px;

align-items:center;

}

.avatar{

width:55px;

height:55px;

border-radius:50%;

background:#009B8D;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

font-weight:700;

}

.faq{

padding:50px 0;
    background: #fff;
}

.faq-item{

border-bottom:1px solid #e5e7eb;

padding:25px 0;

}

.faq-question{

width:100%;

display:flex;

justify-content:space-between;

background:none;

border:none;

font-size:22px;

font-weight:700;

cursor:pointer;

}

.faq-answer{

display:none;

padding-top:18px;

color:#667085;

line-height:1.8;

}

.faq-item.active .faq-answer{

display:block;

}

.cta{

padding:100px 0;

text-align:center;

background:linear-gradient(135deg,#004B63,#009B8D);

color:#fff;

}