.block-rounded {
    /*  border: 2px solid #ff5733;Thay đổi màu viền theo ý bạn */
     border-radius: 5px; /* Thêm bo tròn góc viền */
 }
 
 /* cân bằng ảnh */
 .custom-image {
     width: 503px;
     height: 150px;
     max-width: 100%;
 }
 .custom-text-code {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
 }
 
 
 
 .buy-btn {
     background: linear-gradient(135deg, #54d2ef 0, #2aa6da 100%);
     border: 0;
     color: #fff !important;
     box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
     width: 100%;
     padding: 10px;
     margin-top: 10px;
     font-weight: 600;
 }
 
 
 .body-qr {
     display: flex;
     flex-wrap: wrap;
 }
 .body-qr .item-left {
     flex: 40%;
     background: linear-gradient(134deg, #04a468 0%, #0d788c 100%);
     border-radius: 10px;
     padding: 15px;
 }
 .body-qr .item-left p {
     font-size: 15px;
     color: #fff;
     font-weight: 500;
     border-bottom: 1px dotted #fff;
 }
 .body-qr .item-left p span {
     font-weight: 700;
     font-size: 17px;
     margin-left: 10px;
 }
 .body-qr .item-left p:first-child span {
     margin-left: unset;
 }
 .body-qr .item-left p:last-child {
     border-bottom: unset;
 }
 .body-qr .item-left p a {
     color: #ffbc0e;
     font-weight: 700;
 }
 .body-qr .item-left h3 {
     font-size: 20px;
     color: #fff;
     text-align: center;
     font-weight: 700;
 }
 .body-qr .item-right {
     flex: 60%;
     padding: 30px;
 }
 .body-qr .item-right h3 {
     font-size: 20px;
     color: #111036;
     text-align: center;
     font-weight: 700;
 }
 .body-qr .item-right p {
     font-size: 15px;
     margin: 10px 0 5px 0;
     color: #04a468;
     font-weight: 500;
 }
 .body-qr .item-right p span {
     font-weight: 700;
     font-size: 17px;
 }
 .body-qr .item-right .img-item img {
     border-radius: unset;
     position: relative;
     width: 100%;
     background-color: unset;
 }
 @media (max-width: 992px) {
     .body-qr .item-left,
     .body-qr .item-right {
         flex: 100%;
         padding: 0;
     }
     .body-qr .item-left p,
     .body-qr .item-right p {
         font-size: 12px;
     }
     .body-qr .item-left p span,
     .body-qr .item-right p span {
         font-size: 14px;
     }
     .body-qr .item-left p.content-sub,
     .body-qr .item-right p.content-sub {
         font-size: 10px;
     }
     .body-qr .item-left h3,
     .body-qr .item-right h3 {
         font-size: 17px;
     }
     .body-qr .item-left .img-item,
     .body-qr .item-right .img-item {
         text-align: center;
     }
     .body-qr .item-left .img-item img,
     .body-qr .item-right .img-item img {
         width: 60%;
     }
     .body-qr .item-right {
         padding-top: 20px;
     }
     .body-qr .item-left {
         padding: 5px;
     }
     .body-qr .item-left p {
         padding: 5px;
     }
 }
 
 .checkbox:checked + img {
     border: 3px solid #21da11;
     position: relative;
     top: -3px;
     transform: scale(1.2);
 }