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

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

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

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

.mcscf__title{
    margin:0 0 36px;
    color:#111;
    font-size:clamp(34px,3vw,48px);
    line-height:1.1;
    font-weight:800;
    text-align:center;
    letter-spacing:-.03em;
}

.mcscf__steps{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:30px;
}

.mcscf__steps::before{
    content:"";
    position:absolute;
    top:48px;
    left:11%;
    right:11%;
    height:2px;
    background:repeating-linear-gradient(
        90deg,
        rgba(245,130,32,.55) 0 8px,
        transparent 8px 14px
    );
}

.mcscf__step{
    position:relative;
    z-index:1;
    text-align:center;
}

.mcscf__number{
    position:absolute;
    top:34px;
    left:calc(50% - 58px);
    width:26px;
    height:26px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#F58220;
    color:#fff;
    font-size:12px;
    font-weight:800;
}

.mcscf__icon{
    width:94px;
    height:94px;
    margin:0 auto 21px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#fff1e5;
    color:#F58220;
}

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

.mcscf__step h3{
    margin:0 0 10px;
    color:#111;
    font-size:18px;
    line-height:1.25;
    font-weight:800;
}

.mcscf__step p{
    max-width:270px;
    margin:0 auto;
    color:#596068;
    font-size:14px;
    line-height:1.55;
}

.mcscf__notice{
    max-width:1180px;
    margin:36px auto 0;
    padding:18px 24px;
    border:2px solid rgba(245,130,32,.55);
    border-radius:8px;
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    gap:16px;
    align-items:center;
    background:#fffaf6;
}

.mcscf__notice-icon{
    width:38px;
    height:38px;
    color:#F58220;
}

.mcscf__notice-icon svg{
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:3;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mcscf__notice p{
    margin:0;
    color:#454a50;
    font-size:14px;
    line-height:1.55;
}

@media(max-width:1000px){
    .mcscf__steps{
        grid-template-columns:repeat(2,minmax(0,1fr));
        row-gap:34px;
    }

    .mcscf__steps::before{
        display:none;
    }
}

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

    .mcscf__title{
        margin-bottom:30px;
        font-size:34px;
    }

    .mcscf__steps{
        grid-template-columns:1fr;
        gap:28px;
    }

    .mcscf__number{
        left:calc(50% - 51px);
    }

    .mcscf__icon{
        width:82px;
        height:82px;
        margin-bottom:17px;
    }

    .mcscf__icon svg{
        width:40px;
        height:40px;
    }

    .mcscf__notice{
        grid-template-columns:32px minmax(0,1fr);
        gap:12px;
        padding:16px;
    }

    .mcscf__notice-icon{
        width:30px;
        height:30px;
    }

    .mcscf__notice p{
        font-size:13px;
    }
}