.kp-practical-list{

    display:flex;
    flex-direction:column;

    border:1px solid #ECECEC;
    border-radius:18px;

    overflow:hidden;

    background:#FFFFFF;

}

.kp-practical-row{

    display:flex;
    align-items:center;

    gap:18px;

    padding:18px 22px;

}

.kp-practical-row:not(:last-child){

    border-bottom:1px solid #F2F2F2;

}

.kp-practical-icon{

    width:46px;
    height:46px;

    border-radius:50%;

    background:#FFF7E5;
    border:1px solid #F3E1AE;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:20px;

    flex-shrink:0;

}

.kp-practical-content{

    flex:1;

    display:flex;
    flex-direction:column;

    gap:4px;

}

.kp-practical-title{

    font-size:15px;
    font-weight:600;

    color:#222;

    line-height:1.2;

}

.kp-practical-value{

    font-size:14px;

    color:#6F6F6F;

    line-height:1.4;

}

.kp-practical-status{

    width:34px;

    text-align:center;

    font-size:28px;

    margin-left:auto;

    flex-shrink:0;

}

.is-active{

    color:#57B26A;

}

.is-inactive{

    color:#E05A5A;

}

.kp-status{

    display:flex;
    align-items:center;
    justify-content:center;

    width:30px;
    height:30px;

    border-radius:50%;

    font-size:18px;
    font-weight:700;

    color:#fff;

}

.kp-status-yes{

    background:#7BC26A;

}

.kp-status-no{

    background:#E05A5A;

}

@media (max-width:767px){

    .kp-practical-row{

        padding:16px;

        gap:12px;

    }

    .kp-practical-icon{

        width:40px;
        height:40px;

        font-size:18px;

    }

    .kp-practical-title{

        font-size:14px;

    }

    .kp-practical-value{

        font-size:13px;

    }

}