How do I install an eSIM on android device?

* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; line-height: 1.6; color: #333; background-color: #f8fafc; } .container { max-width: 1000px; margin: 0 auto; /* padding: 20px; */ } .b_header { text-align: center; margin-bottom: 40px; padding: 20px 0; background: linear-gradient(135deg, #0F67FA, #2980ff); border-radius: 8px; color: white; box-shadow: 0 10px 30px rgba(15, 103, 250, 0.3); } .b_header h1 { font-size: 30px; margin-bottom: 10px; font-weight: 700; } .b_header p { font-size: 1.1rem; opacity: 0.9; } .section { background: white; border-radius: 12px; padding: 20px; margin-bottom: 30px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); } .section-title { font-size: 1.8rem; color: #0F67FA; margin-bottom: 20px; font-weight: 600; border-bottom: 3px solid #0F67FA; padding-bottom: 10px; } /* Tab System */ .tab-container { margin-bottom: 30px; } .tab-buttons { display: flex; border-bottom: 2px solid #e2e8f0; margin-bottom: 30px; } .tab-button { position: relative; flex: 1; width: 50%; } .tab-button:last-child .tab-label { margin-right: 0; } .tab-button:last-child>.tab-content { margin-left: -100%; } .tab-input:checked~.tab-content { display: block; } .tab-input { display: none; } .tab-label { display: block; padding: 15px 30px; cursor: pointer; background: #f1f5f9; border: none; font-size: 1rem; font-weight: 500; color: #64748b; transition: all 0.3s ease; border-radius: 8px; margin-right: 4px; text-align: center; } .tab-label:hover { background: #e2e8f0; color: #0F67FA; } .tab-input:checked+.tab-label { background: #0F67FA; color: white; box-shadow: 0 -2px 10px rgba(15, 103, 250, 0.2); } .tab-content { display: none; animation: fadeIn 0.3s ease-in; width: 200%; } .tab-input:checked~.tab-content { display: block; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } /* Method Sections */ .method-section { margin-bottom: 40px; } .method-title { font-size: 1.4rem; color: #0F67FA; margin-bottom: 20px; font-weight: 600; display: flex; align-items: center; gap: 10px; padding: 15px 20px; background: #f8fafc; border-radius: 10px; border-left: 4px solid #0F67FA; } .method-title::before { content: "📋"; font-size: 1.2rem; } /* Steps */ .steps { counter-reset: step-counter; } .step { counter-increment: step-counter; margin-bottom: 30px; padding: 25px; background: #f8fafc; border-radius: 12px; /* border-left: 2px solid #0F67FA; */ position: relative; } .step::before { content: counter(step-counter, decimal-leading-zero); position: absolute; left: -2px; top: -10px; background: #0F67FA; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.9rem; } .step h3 { color: #0F67FA; margin-bottom: 10px; font-size: 1.2rem; margin-left: 20px; } .step p { margin-bottom: 15px; color: #4a5568; margin-left: 20px; } .step-image { /* width: 100%; */ background: #e2e8f0; border-radius: 8px; box-sizing: border-box; padding: 20px 0; display: flex; align-items: center; justify-content: center; color: #64748b; /* border: 2px dashed #cbd5e0; */ } .step-image>img { width: 200px; } .qr-code { width: 200px; height: 200px; background: #f1f5f9; border: 2px dashed #0F67FA; display: flex; align-items: center; justify-content: center; margin: 20px auto; border-radius: 8px; color: #0F67FA; font-weight: 500; } .warning { background: #fef3cd; border: 1px solid #facc15; border-radius: 8px; padding: 15px; margin: 20px 0; color: #92400e; } .warning::before { content: "⚠️ "; font-weight: bold; } .info { background: #dbeafe; border: 1px solid #0F67FA; border-radius: 8px; padding: 15px; margin: 20px 0; color: #1e40af; } .info::before { content: "ℹ️ "; font-weight: bold; } .button { background: #0F67FA; color: white; border: none; padding: 12px 24px; border-radius: 8px; font-weight: 500; cursor: pointer; transition: background 0.3s ease; display: inline-block; text-decoration: none; margin: 10px 0; } .button:hover { background: #0d5ce8; } .input-group { margin: 15px 0 15px 20px; } .input-group label { display: block; margin-bottom: 5px; font-weight: 500; color: #374151; } .input-group input { width: 100%; max-width: 400px; padding: 10px; border: 2px solid #e2e8f0; border-radius: 6px; font-size: 1rem; } .input-group input:focus { outline: none; border-color: #0F67FA; } @media (max-width: 768px) { .container { padding: 10px 10px; } .b_header h1 { font-size: 2rem; } .tab-label { padding: 12px 20px; font-size: 0.9rem; } .method-buttons { flex-direction: column; } .section { padding: 10px; } .step { padding: 15px; } .step-image { max-width: 100%; padding: 10px 0; } .step-image>img { width: 70%; } }Select Network &amp; Internet.Tap the + icon next to SIMs to add a new eSIM.Tap Download a SIM instead.Tap Next.Scan the eSIM installation QR code found in your email or order details page.Wait for the installation process to complete automatically.Tap Download.After installation finishes, go back to Settings and turn on the eSIM.Important Notes:Before you depart, please keep your QR code or activation details safe &mdash; you might need them for reinstallation.If you continue to experience installation failures after multiple attempts, please reach out to our customer support via email or WhatsApp.Make sure your device stays connected to the internet throughout the installation process.