/* Hide original radio */

.form-check input[type=radio]{

    display:none;
    
    margin:0 4px 0 0;

}

/* Entire option */

.form-check{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:flex-start;

    width:90px;

    margin:0;

}
/* Label */

.form-check-label{

    display:flex;

    flex-direction:column;

    align-items:center;

}

/* Text ABOVE */

.cxp-title{

    display:flex;

    align-items:center;

    justify-content:center;

    width:90px;

    height:42px;          /* Fixed height for all titles */

    text-align:center;

    font-size:14px;

    font-weight:500;

    line-height:18px;

    color:#222;

    margin-bottom:10px;

}

/* Box */

.cxp-card{

    width:72px;

    height:72px;
    
    padding:8px;

    border:1px solid #D8D8D8;

    border-radius:8px;

    background:#FFF;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.25s;

    cursor:pointer;

    flex-shrink:0;

}

/* Image */

.cxp-card-image{

    width:68px;

    height:68px;

    object-fit:contain;

}

/* Hover */

.cxp-card:hover{

    border-color:#9B6B3E;

}

/* Active */

.cxp-card.active{

    border:2px solid #9B6B3E;

    background:#F7F4F0;

}

/* Group */

.form-group[class*="ppom-input-"]{

    display:flex;

    flex-wrap:wrap;

    gap:6px;

    margin-bottom:8px;

}

/* Heading */

.form-control-label{

    width:100%;

    font-size:18px;

    font-weight:600;

    margin-bottom:15px;

}