.centerx {
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .con-usdt {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
        }

        .usdt-logo {
            width: 15px;
            height: auto;
            margin-right: 5px;
            border-radius: 50%; /* Rounded logo */
            border: 1px solid #048306;
        }

        .usdt-text {
            font-size: 15px;
            font-weight: bold;
            color: #353535;
            text-decoration: inherit;
            font-family: system-ui;
        }

        .curved-div {
            color: white;
            font-size: 7px;
            border-radius: 50px;
            padding: 1px 7px;
            display: inline-block;
            margin-left: 5px;
        }


      #qrcodex {
            position: relative;
            display: flex;
            width: 200px;
            height: 200px;
            border-radius: 3px; /* Curved edges for QR code */
            border: 5px solid #6703c1;
            border-image-slice: 1;
            border-image-source: linear-gradient(90deg, #6703c1, #a91bda);
            overflow: hidden;
        }

        #qrcodex canvas {
            border-radius: 3px;
            border: 5px solid white; /* Ensure canvas follows curved edges */
        }

        #qrcodex img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 40px;  /* Adjust size as needed */
            height: 40px;
            background-color: white;
            padding: 5px;
            border-radius: 50%; /* Rounded logo */
            border: 4px solid #8f1cc8; /* Optional white border around logo */
        }





/* Customize Bootstrap Modal to act as a bottom sheet */
    .modal.bottom-sheet .modal-dialog {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      margin: 0;
      max-width: 100%;
      transform: translateY(100%);
      transition: transform 0.4s ease-in-out;
    }

    /* When modal is shown, bring it up */
    .modal.bottom-sheet.show .modal-dialog {
      transform: translateY(0);
    }