.cart {
    background-image: url('../assets/img/bg-banner.jpg');
    /* height: 700px; */
    background-repeat: no-repeat;
    background-size: 53%;
    padding-top: 120px;
}

.cart h4 {
    font-family: 'BodoniMT';
    color: var(--primary-color);
    /* position: relative;
    z-index: 1; */
}

.cart h4::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: -5px;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background-color: #EFF2FF;
}

.cart .detail ul li.list-group-item {
    background-color: transparent;
}

.cart .detail input.input-number {
    width: 20%;
    border: 0;
    text-align: center;
}

.cart .detail .img-cart img {
    width: 55px;
    height: 55px;
    object-fit: cover;
    border-radius: 10px;
}

.cart .detail .btn-number {
    background-color: #EFF2FF;
    width: 25px;
    height: 25px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart .detail .btn-number i {
    font-size: 15px;
}

.cart .detail label.radio-card {
    cursor: pointer;
    width: 100%;
    display: flex;
}

.cart .detail label.radio-card .card-content-wrapper {
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.04);
    transition: 200ms linear;
}

.cart .detail label.radio-card .check-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    border: solid 2px #e3e3e3;
    border-radius: 50%;
    transition: 200ms linear;
    position: relative;
}

.cart .detail label.radio-card .check-icon:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: center center;
    transform: scale(1.6);
    transition: 200ms linear;
    opacity: 0;
}

.cart .detail label.radio-card input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.cart .detail label.radio-card input[type=radio]:checked+.card-content-wrapper {
    box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5), 0 0 0 1px var(--primary-color);
}

.cart .detail label.radio-card input[type=radio]:checked+.card-content-wrapper .check-icon {
    background: var(--primary-color);
    border-color: var(--primary-color);
    transform: scale(1.2);
}

.cart .detail label.radio-card input[type=radio]:checked+.card-content-wrapper .check-icon:before {
    transform: scale(1);
    opacity: 1;
}

.cart .detail label.radio-card input[type=radio]:focus+.card-content-wrapper .check-icon {
    box-shadow: 0 0 0 4px var(--light-grey-color);
    border-color: var(--primary-color);
}