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

/* INTRO */

.services-intro{

    padding:60px 0;

    text-align:center;

    background:#f8fafc;
}

.services-intro h2{

    font-size:34px;

    font-weight:800;

    color:#1e293b;

    margin-bottom:10px;
}

.services-intro p{

    color:#64748b;

    max-width:700px;

    margin:auto;
}

/* GRID */

.services-page{

    padding:60px 0;

    background:#f8fafc;
}

.services-grid{

    display:grid;

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

    gap:25px;
}

/* CARD */

.service-card{

    background:white;

    padding:25px;

    border-radius:20px;

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

    border:1px solid rgba(99,102,241,.08);

    transition:.3s;
}

.service-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 60px rgba(67,56,202,.15);
}

/* ==================================================
   SERVICE CARD - ICON STYLE
================================================== */

.service-card{

    background:white;

    padding:30px 25px;

    border-radius:20px;

    text-align:center;

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

    border:1px solid rgba(99,102,241,.08);

    transition:.3s;
}

.service-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(67,56,202,.18);
}

/* ICON */

.service-icon{

    width:70px;

    height:70px;

    margin:0 auto 15px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    background:linear-gradient(135deg,#6366f1,#4338ca);

    color:white;

    box-shadow:0 10px 25px rgba(99,102,241,.25);
}

/* TITLE */

.service-card h3{

    font-size:17px;

    color:#4338ca;

    margin-bottom:15px;
}

/* LIST */

.service-card ul{

    padding:0;

    list-style:none;
}

.service-card ul li{

    font-size:14px;

    color:#475569;

    margin-bottom:6px;
}
/* TITLE */

.service-card h3{

    color:#4338ca;

    font-size:18px;

    margin-bottom:15px;
}

/* LIST */

.service-card ul{

    padding-left:18px;
}

.service-card ul li{

    font-size:14px;

    color:#475569;

    margin-bottom:8px;
}

/* RESPONSIVE */

@media(max-width:991px){

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

@media(max-width:576px){

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