.vi-logo-wrapper{position:absolute;top:5px;left:20px;z-index:2}
.vi-logo-wrapper img{width:56px;height:56px}
.vi-logo-wrapper .logo-white,.vi-logo-wrapper .logo-color{display:none}
.vi-logo-wrapper .logo-white:not(.d-n){display:block}
.vi-logo-wrapper .logo-color:not(.d-n){display:none}
.bg_colour_container .vi-logo-wrapper{top:20px}
@media(min-width:769px){.vi-logo-wrapper{position:absolute;top:5px;left:100px}
.bg_colour_container .vi-logo-wrapper{display:block;left:96px}
.vi-logo-wrapper .logo-color:not(.d-n){display:block}
}
@media(min-width:770px) and (max-width:950px){.vi-logo-wrapper{left:40px}
}
.basic-details-container{max-width:100%;display:flex;flex-direction:column;gap:16px;.form-group{position:relative;max-width:100%;margin:0 0 0 0 !important}
.form-group:last-of-type{margin:0}
.form-group input{font-size:16px;line-height:1.13;width:100%;border-radius:8px;padding:0 16px;height:48px;color:#2f3043;border:solid 1px #d5d6d9;outline:0}
.form-group .highlight{position:absolute;height:60%;width:100%;top:10%;left:0;pointer-events:none;opacity:.5;max-width:335px}
.form-group .form__label{color:#737482;font-size:16px;line-height:18px;position:absolute;pointer-events:none;left:16px;top:13px;font-family:"neoRg";transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}
.form__label .red{color:#ee2737;font-family:'neoBd'}
.form-group input:focus{border:solid 1px #737482 !important}
.form-group input:focus~label,.form-group input:not(:placeholder-shown)~label.form__label{top:-10px;font-size:12px;line-height:1.2;color:#2f3043;background-color:#fff;font-family:'neoBd';padding:0 4px}
.form-group .default-text{padding-left:16px;font-size:14px;line-height:18px;display:inline-block;margin-top:8px;color:#82838e}
.form-group .form__Msg{line-height:1.33;font-size:14px;margin:8px 0 0 16px;font-family:'neoMedium'}
.form-group.errorlbl .form__label,.form-group.errorlbl .form__Msg,.form-group.errorlbl .form__Msg a,.form-group.errorlbl input:not(:placeholder-shown)~label.form__label.form__label{color:#b30e0e}
.form-group.errorlbl .form__Msg a{text-decoration:underline}
.form-group.errorlbl input{border:solid 1px #b30e0e}
}
.basic-info-component .esim-info-text{font-size:12px;line-height:1.2;color:#000;margin-left:26px;margin-top:7px}
.basic-info-component .save-btn{width:100%;height:40px;display:flex;justify-content:center;align-items:center;gap:4px;margin:20px auto 0;padding:8px 16px;border-radius:32px;border:0;background-color:#d5d6d9;color:#fff;font-size:16px;font-family:'neoMedium';cursor:not-allowed;outline:0;position:unset}
.basic-info-component .save-btn:enabled{background:#ee2737;color:#fff;cursor:pointer}
.basic-info-component .esimSelection{padding:0}
.basic-info-component #esimSelectionId{padding:0;margin:16px 0 0}
.basic-info-component .esimCheck .esimChecklabel{color:#2f3043;line-height:1.2;font-size:14px;font-family:'neoBd'}
.basic-info-component .esimCheck label.esimChecklabel:before{border:solid 2px #d5d6d9;top:-2px}
.basic-info-component .esimCheck input.esimCheckbox[disabled]+label.esimChecklabel:before{border:solid 2px #d5d6d9}
.basic-info-component .esimCheck input.esimCheckbox[disabled]+label.esimChecklabel{color:#000;font-family:'neoBd'}
.basic-info-component .esimCheck input.esimCheckbox:checked+label.esimChecklabel:after{top:1px}
@media(min-width:769px){.div-wrapper-basic-info{max-width:592px;margin:0 auto;width:100%}
.esim-selection{display:flex;justify-content:center;margin:0 auto}
.basic-info-component .esim-info-text{font-size:16px;margin-left:30px}
.basic-info-component .esimCheck input.esimCheckbox:checked+label.esimChecklabel::after{top:0;left:8px}
.basic-details-container{flex-direction:row;justify-content:center;.form-group input{width:288px;height:60px}
.form-group .form__label{top:20px;font-size:16px}
.form-group input:focus~label,.form-group input:not(:placeholder-shown)~label.form__label{font-size:14px}
}
.btn-wrapper{padding:20px 32px;border-top:solid 1px #eaeaec;background-color:#fff;display:flex;justify-content:center;position:fixed;bottom:0;width:100%;right:0;z-index:999}
.basic-info-component .save-btn{position:unset;height:50px;width:335px;margin-top:0}
}
.basic-details-container{max-width:100%;display:flex;flex-direction:column;gap:16px;.form-group{position:relative;max-width:100%;margin:0 0 20px 0}
.form-group:last-of-type{margin:0}
}
.selected-plancard-wraaper .verify-existing-number-box{display:flex;justify-content:center;position:fixed;bottom:0;width:100%;right:0;left:0;z-index:1;padding:20px;background-color:#fff;padding-bottom:calc(20px + env(safe-area-inset-bottom));transition:bottom .15s ease}
.existing-number-no-wrapper{width:100%;box-sizing:border-box;margin-top:12px;padding-bottom:90px}
.form-group input,.form-group .address-input{font-size:16px;line-height:18px;width:100%;border-radius:8px;padding:0 16px;height:48px;color:#2f3043;border:solid 1px #d5d6d9;outline:0}
.form-group .highlight{position:absolute;height:60%;width:100%;top:10%;left:0;pointer-events:none;opacity:.5;max-width:335px}
.form-group .form__label{color:#737482;font-size:16px;line-height:18px;position:absolute;pointer-events:none;left:16px;top:13px;font-family:"neoRg";transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}
.form-group .full-name-label{top:40px}
.form__label .red{color:#ee2737;font-family:'neoBd'}
.form-group input:focus~label,.form-group textarea:focus~label,.form-group input:not(:placeholder-shown)~label.form__label,.form-group textarea:not(:placeholder-shown)~label.form__label{top:-10px;font-size:14px;line-height:18px;color:#82838e;background-color:#fff;padding:0 4px}
.form-group .default-text{padding-left:16px;font-size:14px;line-height:18px;display:inline-block;margin-top:8px;color:#82838e}
.form-group .form__Msg{line-height:1.33;font-size:14px;margin:8px 0 0 16px}
.form-group.errorlbl .form__label,.form-group.errorlbl .form__Msg,.form-group.errorlbl .form__Msg a,.form-group.errorlbl input:not(:placeholder-shown)~label.form__label.form__label{color:#b30e0e}
.form-group.errorlbl .form__Msg a{text-decoration:underline}
.form-group.errorlbl input{border:solid 1px #b30e0e}
.save-btn{width:100%;height:40px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:4px;margin:36px auto 0;padding:8px 16px;border-radius:32px;border:0;background-color:#d5d6d9;z-index:999;position:fixed;bottom:40px;color:#fff;font-size:16px;font-family:'neoMedium';cursor:not-allowed}
.btn:enabled{background:#ee2737;color:#fff;cursor:pointer}
.esim-selection{display:flex;justify-content:center;margin:0 auto}
@media(min-width:769px){.component-wrapper{max-width:100%;margin:0 auto;width:100%;padding-bottom:30px}
.basic-details-container{justify-content:center;flex-direction:row}
.btn-wrapper{padding:20px 32px;border-top:solid 1px #eaeaec;background-color:#fff;display:flex;justify-content:center;position:fixed;bottom:0;width:100%;right:0;z-index:999}
.form-group input{width:288px;height:60px}
.save-btn{position:unset;height:50px;width:335px;margin-top:0}
.name-form,.address-form{display:none}
}
.esimSelection{padding:0}
#esimSelectionId{display:none;padding:0 32px;margin-top:24px}
#selectCyn #esimSelectionId,#pinNumber #esimSelectionId{padding:0}
.esimCheck{position:relative;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:0}
.esimCheck .esimCheckbox{padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer}
.esimCheck .esimChecklabel{position:relative;cursor:pointer}
.esimCheck .esimChecklabel,.esimCheck .esimChecklabel a{padding:0;margin:0;font-size:14px;line-height:1.29;color:#2f3043}
.esimCheck input[type="checkbox"]:focus-visible{outline:0}
.esimCheck label.esimChecklabel:before{content:'';-webkit-appearance:none;background-color:transparent;border:2px solid #82838e;border-radius:3px;width:20px;height:20px;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:8px}
.esimCheck input.esimCheckbox:checked+label.esimChecklabel:after{content:'';display:block;position:absolute;top:4px;left:7px;width:6px;height:13px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.esimCheck input.esimCheckbox:checked+label.esimChecklabel:before{background:#2f3043;border:0}
.esimCheck input.esimCheckbox:checked+label.esimChecklabel{font-family:'neoBd'}
.esimCheck input.esimCheckbox[disabled]+label.esimChecklabel:before{border:2px solid #acacb4;cursor:default}
.esimCheck input.esimCheckbox[disabled]+label.esimChecklabel{color:#acacb4;cursor:default}
.esimCheck label.esimChecklabel::selection{background:0}
.m-o-body{overflow:hidden}
#esimInfoModal{position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;overflow-y:scroll;background-color:rgba(0,0,0,0.5);-webkit-animation-name:fadeIn;-webkit-animation-duration:.4s;animation-name:fadeIn;animation-duration:.4s;font-family:"neoBd";right:0;display:flex;padding-top:80px}
#esimInfoModal .modal-content{background-color:#fff;padding:40px 6px 40px 32px;display:flex;justify-content:center;flex-direction:column;align-items:center;width:400px;border-radius:10px;margin:auto;bottom:unset;position:relative}
#esimInfoModal .m-c-i{position:absolute;top:-42px;right:10px;display:block;cursor:pointer}
#esimInfoModal .m-c-i:hover,#esimInfoModal .m-c-i:focus{text-decoration:none;cursor:pointer}
#esimInfoModal .heading-text{font-size:20px;text-align:center;margin:24px 26px 30px 0;color:#2f3043;line-height:24px;font-family:'neoBd'}
#esimInfoModal .modal-image{display:block;width:113px;height:81px;margin-right:26px}
#esimInfoModal .okay-btn{width:193px;height:50px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:20px;background-color:#ee2737;border:0;border-radius:25px;color:#fff;font-size:14px;font-family:'neoMedium';outline:0;margin-top:32px;margin-right:26px}
#esimInfoModal .modelSec{width:100%;max-height:140px;overflow-y:scroll}
#esimInfoModal .modelSec ol,#esimInfoModal .modelSec ul{padding:0}
#esimInfoModal ul li{margin:0 0 8px 0}
#esimInfoModal ol li{margin:12px 0}
#esimInfoModal li span{width:46%;display:inline-block;padding-left:30px;color:#82838e;font-size:14px;line-height:18px;font-family:'neoMedium'}
#esimInfoModal ul li span{font-size:18px;line-height:22px}
#esimInfoModal ol{counter-reset:item;list-style-type:none}
#esimInfoModal ol li{display:block}
#esimInfoModal ol li:before{content:counter(item) "  ";counter-increment:item;color:#82838e;font-size:14px;line-height:18px;font-family:'neoMedium';min-width:20px;display:inline-block}
#esimInfoModal ul{list-style-type:none;margin-bottom:0}
#esimInfoModal ul li:before{content:" ";min-width:20px;display:inline-block}
@media only screen and (max-width:768px){.esimSelection{padding:10px 0 0 0}
#esimInfoModal .modal-content{border-radius:10px 10px 0 0;width:101%;position:fixed;bottom:0;margin-left:-1px}
#esimSelectionId{padding:0}
#esimInfoModal .m-c-i{top:-42px;right:10px}
}
.back-button-container{display:flex;align-items:center;padding:16px 0 16px 20px;gap:8px;.back-arrow{width:24px;height:24px}
.back-btn-text{font-size:16px;line-height:1.2;font-family:'neoMedium';font-weight:500;color:#2f3043}
.go-back-text{display:none}
}
@media(min-width:769px){.back-button-container{justify-content:center;padding:70px 0 28px 0;.go-back-box{display:flex;align-items:center;font-size:16px;line-height:1.2;font-family:'neoMedium';position:absolute;top:167px;left:96px;gap:2px;cursor:pointer}
.go-back-box.extraSpace{top:245px}
.back-arrow{width:16px;height:16px}
.back-btn-text{font-size:24px;font-family:'neoSemiBd'}
.go-back-text{display:block}
}
}
@media(min-width:770px) and (max-width:950px){.back-button-container{.go-back-box{left:40px}
}
}
.common-modal{position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.8);right:0;bottom:0;align-items:center;display:flex}
.common-modal .main-image{width:100px;height:100px}
.common-modal .extraLink{font-family:neoMedium;font-size:16px;font-weight:500;text-align:center;color:#2f3043;cursor:pointer;text-decoration:underline !important;margin:12px 0 0 0;display:block}
.common-modal .extraText{font-family:neoRg;font-size:14px;text-align:center;color:#595969;margin:12px 0 0 0;display:block}
.common-modal .modal-body{width:504px;max-width:504px;position:relative;border-radius:24px;padding:32px;margin:0 auto;text-align:center;background-color:#fff}
.common-modal .modal-heading{font-size:24px;font-family:'neoBd';color:#2f3043;line-height:1.2;margin:10px 0 15px}
.common-modal .close-btn{right:8px;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;position:absolute;top:-50px;width:40px;height:40px;border-radius:360px;background-color:#fff}
.common-modal .close-btn{right:8px;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;position:absolute;top:-50px}
.common-modal .info-text{color:#4d4e60;font-size:16px;line-height:1.2}
.payment-failed-modal.common-modal .info-text,#pincodeNotVaid.common-modal .info-text{color:#737482}
.common-modal .close-btn img{width:24px;height:24px;margin:0 auto}
.common-modal .btn{width:335px;height:50px;flex-grow:0;display:flex;justify-content:center;padding:16px;border-radius:32px;font-size:16px;line-height:1.2;background-color:#ee2737;border:0;color:#fff;margin:24px auto 0}
.common-modal #paymentProcessingToVIBtn.btn{width:100%}
.common-modal .secondbtn{background:transparent;color:#000;border:solid 1px #2f3043}
.common-modal .secondbtn:hover{color:#2f3043}
#numberAalreadyTaken .modal-heading{margin:8px 0 15px}
.takenNumberCard{padding:24px 16px 16px;border-radius:12px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.32),0 2px 4px 0 rgba(0,0,0,0.04);border:solid 1px rgba(255,255,255,0.1);position:relative;margin:30px 0 0;background-image:url("../../../../content/dam/neogold/app-to-neo/Modular-Login-Page/thumbnail_Frame%202043683780.png");background-repeat:no-repeat;background-size:100%}
.takenNumberCard span.pine{position:absolute;display:block;top:-15px;left:50%;right:50%;transform:translate(-50%,0);font-family:'NeoBd';font-size:12px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.17;letter-spacing:normal;text-align:left;width:max-content;color:#2f3043}
.takenNumberCard .pine span{display:block;width:100%;padding:6px 12px;position:relative;z-index:2;background-color:#ffc600;border-radius:0 0 4px 4px}
.takenNumberCard span.pine::before{content:" ";width:10px;height:100%;position:absolute;right:1px;top:0;transform:rotate(240deg);border-left:16px solid #db000000;border-bottom:30px solid #bd7406}
.takenNumberCard span.pine::after{content:" ";width:0;height:20px;position:absolute;left:-8px;top:-13px;transform:rotate(360deg);border-left:10px solid #db000000;border-bottom:16px solid #bd7406;border-top:12px solid #fff}
.takenNumberCard .takenNumber{font-family:'NeoBd';font-size:24px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:center;color:#fff}
@media(max-width:768px){.common-modal{align-items:flex-end}
.common-modal .modal-body{min-width:100%;border-radius:16px 16px 0 0;padding:24px 20px 24px;margin:0 auto;width:100%;max-width:100%}
.common-modal .m-c{right:10px}
.common-modal .btn{font-size:14px;height:40px;line-height:18px;margin:24px auto 0;padding:10px}
.common-modal .info-text{font-size:14px}
.common-modal .close-btn{width:32px;height:32px}
.common-modal .close-btn img{width:16px;height:16px}
.takenNumberCard{margin-bottom:15px}
}
.container{max-width:100%;padding:0}
.d-n{display:none}
.cmp-container{max-width:100vw;height:100vh;flex-grow:0;background-image:linear-gradient(to right,#fffbf0 37%,#fff2f1 100%);padding:0;margin:0;position:relative}
.white-container{padding:40px;box-shadow:0 -2px 8px 0 rgba(40,41,61,0.06);background-color:#fff;border-radius:24px 24px 0 0;height:100vh}
.preppost_Wrapper .card{min-width:220px;width:100%;height:100%;background:white;border-radius:18px 42px 18px 18px;clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,0 100%);padding:18px;box-sizing:border-box;position:relative;border:solid 1px #d5d6d900;cursor:pointer}
.preppost_Wrapper .icon img{width:85px;height:85px;object-fit:contain;margin:0 0 22px}
.icon-back{position:absolute;width:40px;height:40px;background:#ef4444;border-radius:10px;top:6px;left:6px}
.icon-front{position:absolute;width:40px;height:40px;background:linear-gradient(135deg,#ffd86b,#f59e0b);border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;font-size:18px}
.MBG_outerBox .bottom{display:flex;justify-content:space-between}
.preppost_Wrapper .label{font-family:'NeoBd';font-size:22px;color:#2f3043}
.MBG_outerBox{padding:67px 0 85px;box-shadow:0 -2px 8px 0 rgba(40,41,61,0.06);background-color:#fbfbfb;position:relative;margin:-40px 0 0 0;border-radius:40px 40px 0 0}
section.MBG_mainWrapper{position:relative}
.MBG_bannerImg{width:100%}
.MGB_portBox{padding:20px;border-radius:12px;box-shadow:0 20px 32px 0 rgba(96,97,112,0.1),0 2px 8px 0 rgba(40,41,61,0.06);border:solid 1px #cadef8;background-color:#f4f8fe}
.MBG_outerBox h1{font-size:30px;line-height:1.2;font-family:'NeoBd';margin-bottom:40px;text-align:center}
.MGB_portBox h2{font-family:'NeoBd';font-size:30px;line-height:1.2;margin:0 0 24px;color:#2f3043}
.MGB_simBox{display:flex;justify-content:center;align-items:center;gap:18px}
.MBG_outerBox .or-divider{display:flex;align-items:center;gap:14px;margin:15px 0}
.MBG_outerBox .or-divider span{font-size:13px;font-weight:700;color:#3d405a;letter-spacing:.04em;white-space:nowrap}
.MBG_outerBox .or-divider .or-txt{font-family:'neoMedium';font-size:24px;line-height:1.2;font-weight:500;color:#2f3043}
.newNo_outerBox{display:flex;align-items:center;justify-content:center;gap:16px}
.MGB_newNumber_box h3{font-family:'NeoBd';font-size:30px;line-height:1.2;margin:0 0 24px;color:#2f3043}
.MGB_newNumber_box{padding:20px;border-radius:12px;box-shadow:0 20px 32px 0 rgba(96,97,112,0.1),0 2px 8px 0 rgba(40,41,61,0.06);border:solid 1px #f9e8d0;background-color:#fdf6ec}
.banner-image .desktop-img{display:block;height:auto}
.banner-image .mobile-img{display:none}
.banner-image{width:100%}
.headercomponent{display:none}
.MBG_outerBox .preppost_Wrapper{display:flex;margin:0 auto;justify-content:center;align-items:center;gap:40px}
.preppost_Wrapper .card-border{background:#d5d6d9;border-radius:20px 42px 20px 20px;clip-path:polygon(0 0,calc(100% - 33px) 0,100% 33px,100% 100%,0 100%);padding:2px}
@media(max-width:768px){.white-container{padding:20px}
.banner-image .desktop-img{display:none}
.banner-image .mobile-img{display:block}
.or-divider::before,.or-divider::after{content:'';flex:1;height:1px}
.or-divider::before{background:linear-gradient(to left,#2f3043 -3%,rgba(82,83,99,0.83) 43%,rgba(255,255,255,0) 100%)}
.or-divider::after{background:linear-gradient(to right,#2f3043 -3%,rgba(82,83,99,0.83) 43%,rgba(255,255,255,0) 100%)}
.or-divider{width:100%}
.MBG_outerBox .preppost_Wrapper{display:block}
.MBG_outerBox{border-radius:25px 25px 0 0;padding:20px}
.MBG_outerBox h1{font-size:18px;font-family:'NeoBd';margin:0 0 24px}
.MGB_newNumber_box h3{font-size:24px;margin:0 0 16px}
.MBG_outerBox .or-divider .or-txt{font-size:14px}
.preppost_Wrapper .icon img{width:48px;height:48px;margin:0 0 16px}
.MGB_portBox h2{font-size:24px;margin:0 0 16px}
.preppost_Wrapper .card{min-width:138px;padding:12px}
.preppost_Wrapper .label{font-size:18px}
.MGB_portBox{padding:12px}
.MGB_newNumber_box{padding:12px}
.MGB_simBox{gap:16px}
}