.jr40-benefits{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    width:100%;
    box-sizing:border-box;
    padding:18px max(28px,calc((100vw - 1380px)/2));
    background:#216c35;
    color:#fff;
}

.jr40-benefit{
    min-height:82px;
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    align-items:center;
    gap:16px;
    padding:8px 24px;
    border-right:1px solid rgba(255,255,255,.22);
    transition:background-color .22s ease,transform .22s ease;
}

.jr40-benefit:first-child{
    padding-left:0;
}

.jr40-benefit:last-child{
    border-right:0;
    padding-right:0;
}

.jr40-benefit:hover{
    background:rgba(255,255,255,.045);
}

.jr40-benefit-icon{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    color:#f4bd09;
    flex:0 0 auto;
}

.jr40-benefit-icon svg{
    width:42px;
    height:42px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.jr40-benefit strong{
    display:block;
    margin:0 0 5px;
    color:#fff;
    font-size:17px;
    line-height:1.18;
    font-weight:850;
    letter-spacing:-.2px;
}

.jr40-benefit span{
    display:block;
    max-width:280px;
    color:rgba(255,255,255,.88);
    font-size:12px;
    line-height:1.5;
}

@media (max-width:1100px){
    .jr40-benefits{
        grid-template-columns:repeat(2,1fr);
        padding:16px 24px;
    }

    .jr40-benefit{
        border-right:1px solid rgba(255,255,255,.18);
        border-bottom:1px solid rgba(255,255,255,.18);
        padding:14px 20px;
    }

    .jr40-benefit:nth-child(2n){
        border-right:0;
    }

    .jr40-benefit:nth-last-child(-n+2){
        border-bottom:0;
    }

    .jr40-benefit:first-child{
        padding-left:20px;
    }

    .jr40-benefit:last-child{
        padding-right:20px;
    }
}

@media (max-width:620px){
    .jr40-benefits{
        grid-template-columns:1fr;
        padding:10px 16px;
    }

    .jr40-benefit,
    .jr40-benefit:first-child,
    .jr40-benefit:last-child{
        min-height:auto;
        grid-template-columns:44px 1fr;
        gap:12px;
        padding:13px 6px;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.18);
    }

    .jr40-benefit:last-child{
        border-bottom:0;
    }

    .jr40-benefit-icon{
        width:40px;
        height:40px;
    }

    .jr40-benefit-icon svg{
        width:34px;
        height:34px;
    }

    .jr40-benefit strong{
        font-size:15px;
    }

    .jr40-benefit span{
        font-size:11px;
    }
}
