.otp-primary {
    background-color: #006648 !important;
}

.otp-secondary {
    background-color: #52AE30 !important;
}

.otp-secondary-text {
    color: #52AE30 !important;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.main-content {
    margin-top: 30px;
}

.qr-container {
    margin: 20px 0;
    padding: 15px;
    background: #f5f5f5;
    border-radius: 8px;
    display: inline-block;
}

.url-container {
    margin-top: 20px;
    text-align: left;
    padding: 15px;
    background: #e8f5e9;
    border-left: 5px solid #52AE30;
    border-radius: 4px;
}

#qrcode {
    max-width: 100%;
}