.mcsqp,
.mcsqp *{
    box-sizing:border-box;
}

.mcsqp{
    position:relative;
    left:50%;
    width:100vw;
    margin-left:-50vw;
    background:#f7f7f7;
    color:#1b1d20;
    font-family:Arial,Helvetica,sans-serif;
}

.mcsqp__inner{
    width:min(1480px,calc(100% - 64px));
    margin:0 auto;
    padding:48px 0 58px;
}

.mcsqp__eyebrow{
    margin-bottom:24px;
    color:#F58220;
    font-size:13px;
    line-height:1;
    font-weight:800;
    text-align:center;
    text-transform:uppercase;
}

.mcsqp__cards{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}

.mcsqp__card{
    min-height:250px;
    padding:30px 28px 27px;
    border:1px solid #ececec;
    border-radius:9px;
    background:#fff;
    box-shadow:0 8px 22px rgba(0,0,0,.055);
    text-align:center;
}

.mcsqp__icon{
    width:72px;
    height:72px;
    margin:0 auto 24px;
    border-radius:15px;
    display:grid;
    place-items:center;
    background:#fff0e3;
    color:#F58220;
}

.mcsqp__icon svg{
    width:40px;
    height:40px;
    fill:none;
    stroke:currentColor;
    stroke-width:3;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mcsqp__card h3{
    margin:0 0 12px;
    color:#111;
    font-size:21px;
    line-height:1.22;
    font-weight:800;
}

.mcsqp__card p{
    max-width:380px;
    margin:0 auto;
    color:#555b61;
    font-size:15px;
    line-height:1.6;
}

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

    .mcsqp__card{
        min-height:0;
    }
}

@media(max-width:700px){
    .mcsqp__inner{
        width:calc(100% - 36px);
        padding:40px 0 46px;
    }

    .mcsqp__cards{
        gap:14px;
    }

    .mcsqp__card{
        padding:25px 20px;
    }

    .mcsqp__icon{
        width:64px;
        height:64px;
        margin-bottom:19px;
    }

    .mcsqp__icon svg{
        width:35px;
        height:35px;
    }

    .mcsqp__card h3{
        font-size:19px;
    }

    .mcsqp__card p{
        font-size:14px;
    }
}