/* ================= DIFFERENT ================= */

.different{
    background:#F7F9FC;
    padding:100px 0;
}

.different h2{
    text-align:center;
    font-family:"Manrope",sans-serif;
    font-size:40px;
    font-weight:500;
    line-height:48px;
    color:#111111;
    margin-bottom:18px;
}

.diff-desc{
    max-width:760px;
    margin:0 auto 56px;
    text-align:center;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:16px;
    line-height:24px;
    color:#666E7D;
}

.different-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
}

.diff-card{
    background:#FFFFFF;
    border:1px solid #E7ECF2;
    border-radius:22px;
    padding:34px 30px;
    min-height:305px;
    transition:.3s;
}

.diff-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 35px rgba(0,0,0,.06);
}

.number{
    display:block;
    font-family:"Manrope",sans-serif;
    font-size:64px;
    font-weight:700;
    color:#D8E5FF;
    line-height:1;
    margin-bottom:22px;
}

.diff-card h3{
    font-family:"Manrope",sans-serif;
    font-size:21px;
    font-weight:600;
    line-height:34px;
    color:#111111;
    margin-bottom:14px;
}

.diff-card p{
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:24px;
    color:#5B6473;
}

@media(max-width:1100px){
    .different-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:700px){
    .different-grid{
        grid-template-columns:1fr;
    }

    .different h2{
        font-size:32px;
        line-height:40px;
    }
}