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

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

.mcscomp__inner{
    width:min(1180px,calc(100% - 64px));
    min-height:250px;
    margin:0 auto;
    padding:44px 0 48px;
    display:grid;
    grid-template-columns:156px minmax(0,1fr);
    gap:42px;
    align-items:center;
}

.mcscomp__icon-box{
    width:156px;
    height:156px;
    border-radius:22px;
    display:grid;
    place-items:center;
    overflow:hidden;
    background:#ffe5cf;
    color:#F58220;
}

.mcscomp__icon-box svg{
    width:92px;
    height:92px;
    fill:none;
    stroke:currentColor;
    stroke-width:5;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mcscomp__icon-box img{
    width:92px;
    height:92px;
    object-fit:contain;
}

.mcscomp__content{
    max-width:850px;
}

.mcscomp__eyebrow{
    margin-bottom:8px;
    color:#F58220;
    font-size:13px;
    line-height:1;
    font-weight:800;
    text-transform:uppercase;
}

.mcscomp__content h2{
    margin:0 0 16px;
    color:#111;
    font-size:clamp(31px,2.5vw,43px);
    line-height:1.1;
    font-weight:800;
    letter-spacing:-.03em;
}

.mcscomp__content p{
    margin:0 0 12px;
    color:#4e545a;
    font-size:15px;
    line-height:1.62;
}

.mcscomp__content p:last-child{
    margin-bottom:0;
}

@media(max-width:760px){
    .mcscomp__inner{
        width:calc(100% - 36px);
        grid-template-columns:1fr;
        gap:24px;
        padding:38px 0 42px;
        text-align:left;
    }

    .mcscomp__icon-box{
        width:122px;
        height:122px;
        border-radius:18px;
    }

    .mcscomp__icon-box svg,
    .mcscomp__icon-box img{
        width:72px;
        height:72px;
    }

    .mcscomp__content h2{
        font-size:34px;
    }

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