body {
            background-color: #f8f9fa; /* Light gray background similar to the image edges */
        }
        .main-container {
            max-width: 600px; /* Constrains the width on large screens so it looks like a card */
        }
        .qr-placeholder {
            width: 200px;
            height: 200px;
            background-color: #e9ecef;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto; /* Centering */
        }
        .address-box {
     
        }
        .warning-box {
             border: 2px solid #0d6efd; /* Primary blue border matching the image */
             background-color: #fff;
        }
	
	.choices[data-type*=select-one]::after{
	    right:20px !important;
	}
	
	 .choices__list--dropdown .choices__item--selectable:after { display: none !important; } .choices__list--dropdown .choices__item--selectable { padding-right: 0 !important; }
	 .choices{
	     padding:0px !important;
	 }
	 


.loader-wrapper {
        position: relative;
        width: 120px;
        height: 120px;
        margin: 0 auto;
    }

    /* 1. The Ticks (Base Layer) */
    .tick-loader {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: relative;
        /* Define the gray ticks */
        background: repeating-conic-gradient(
            #6c757d 0 2deg,    
            transparent 2deg 8deg 
        );
        /* This variable will be updated by JS */
        --rotation: 0deg;
    }
    
    /* 2. The "Wiper" (Middle Layer) 
       This creates a white cone that grows to cover the ticks */
    .tick-loader::after {
        content: "";
        position: absolute;
        inset: -1px; /* Slight overlap to ensure full coverage */
        border-radius: 50%;
        z-index: 1;
        /* The gradient starts white and reveals transparent based on rotation */
        background: conic-gradient(
            #fff var(--rotation), 
            transparent 0
        );
    }

    /* 3. The Center Hole (Top Layer) */
    .tick-loader::before {
        content: "";
        position: absolute;
        inset: 10px; 
        background: #fff;
        border-radius: 50%;
        z-index: 2; /* Must sit on top of the wiper */
    }

    /* 4. The Text */
    .loader-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        z-index: 10;
        line-height: 1;
        width: 100%;
    }