:root{--flow-primary:#eb224d;--flow-secondary:#eb224d}.one-esim-intro-modal{text-align:center;color:#fff;background:#122644;border-radius:20px;outline:none;width:90%;max-width:400px;padding:30px 50px;box-shadow:0 24px 64px #0000008c}.one-esim-intro-modal .intro-header .intro-progress{flex:1;gap:6px;display:flex}.one-esim-intro-modal .intro-header .intro-progress .intro-dot{cursor:pointer;background:#ffffff40;border:none;border-radius:10px;flex:1;height:3px;padding:0;transition:background .3s,transform .15s}.one-esim-intro-modal .intro-header .intro-progress .intro-dot:hover{background:#ffffff80}.one-esim-intro-modal .intro-header .intro-progress .intro-dot.active{background:#fff}.one-esim-intro-modal .intro-header .intro-close-row{text-align:end}.one-esim-intro-modal .intro-header .intro-close-btn{color:#fff;border:none;margin-bottom:10px;margin-right:-30px;padding:0;transition:background .2s}.one-esim-intro-modal .intro-header .intro-close-btn:hover{background:#fff3}.one-esim-intro-modal .intro-slide{opacity:1;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .18s,transform .18s;display:flex;transform:translateY(0)}.one-esim-intro-modal .intro-slide.is-fading{opacity:0;transform:translateY(6px)}.one-esim-intro-modal .intro-slide .intro-label{letter-spacing:0%;color:#fff;border-radius:20px;margin-bottom:0;padding:3px 12px;font-family:Poppins,sans-serif;font-size:20px;font-weight:600}.one-esim-intro-modal .intro-slide .intro-illustration{flex-shrink:0;height:auto}.one-esim-intro-modal .intro-slide .intro-illustration svg{width:100%;height:100%}.one-esim-intro-modal .intro-slide .intro-title{color:#fff;margin:0;font-family:Poppins-Bold,sans-serif;font-size:20px;font-weight:700;line-height:1.3}.one-esim-intro-modal .intro-slide .intro-description{color:#fff;margin:0;padding:0 .5rem;font-family:Poppins,sans-serif;font-size:16px;line-height:24px}.one-esim-intro-modal .intro-actions{flex-direction:column;align-items:stretch;gap:10px;display:flex}.one-esim-intro-modal .intro-actions .intro-btn-next{color:#fff;cursor:pointer;background:#316ff6;border:none;border-radius:50px;padding:.75rem 1.5rem;font-family:Poppins,sans-serif;font-size:.9375rem;font-weight:600;transition:background .2s,transform .15s}.one-esim-intro-modal .intro-actions .intro-btn-next:hover{background:#2560e0}.one-esim-intro-modal .intro-actions .intro-btn-next:active{transform:scale(.97)}.one-esim-intro-modal .intro-actions .intro-btn-skip{color:#316ff6;cursor:pointer;background:#fff;border:1.5px solid #fff6;border-radius:50px;padding:.7rem 1.5rem;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;transition:border-color .2s,color .2s,transform .15s}.one-esim-intro-modal .intro-actions .intro-btn-skip:hover{background:#f3f6fb;border:1px solid #316ff6}.one-esim-intro-modal .intro-actions .intro-btn-skip:active{transform:scale(.97)}@media (max-width:480px){.one-esim-intro-modal .intro-header .intro-close-btn{margin-right:-5px}.img-slider{width:200px;height:200px}.one-esim-intro-modal{border-radius:16px;max-width:300px;padding:1rem 1.25rem 1.5rem}.one-esim-intro-modal .intro-slide{min-height:240px}.one-esim-intro-modal .intro-slide .intro-illustration{margin-bottom:1.25rem}.one-esim-intro-modal .intro-slide .intro-title{font-size:1.2rem}}
