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

.services{

padding:50px 0;

background:#F7FBFB;

}

.section-heading{

max-width:760px;

margin:0 auto 70px;

text-align:center;

}

.section-heading .tag{

display:inline-block;

padding:10px 22px;

background:#E7F8F5;

color:#009B8D;

border-radius:30px;

font-weight:700;

letter-spacing:.08em;

margin-bottom:18px;
    font-size: 13px;

}

.section-heading h2{

font-size:38px;

line-height:1.2;

color:#004B63;

margin-bottom:20px;

}

.section-heading p{

font-size:18px;

line-height:1.8;

color:#667085;

}

.service-grid{

display:grid;

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

gap:32px;

}

.service-card{

background:#fff;

padding:20px;

border-radius:24px;

transition:.35s;

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

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

position:relative;

overflow:hidden;

}

.service-card:hover{

transform:translateY(-12px);

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

}

.service-icon{

width:74px;

height:74px;

border-radius:20px;

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

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

margin-bottom:26px;

}

.service-card h3{

font-size:30px;

margin-bottom:16px;

color:#004B63;

}

.service-card p{

line-height:1.8;

margin-bottom:20px;

color:#667085;

}

.service-card ul{

padding-left:18px;

margin-bottom:26px;

}

.service-card li{

margin-bottom:10px;

}

.service-card a{

text-decoration:none;

font-weight:700;

color:#009B8D;

}

@media(max-width:991px){

.service-grid{

grid-template-columns:1fr;

}

.section-heading h2{

font-size:28px;
margin: 10px 0;

}
.why-card h3{
    font-size:25px !important;
}
.service-card h3{
    font-size:25px;
}

}