.container1024{max-width:1024px;padding-right:0;padding-left:0;margin:0 auto}
.container1024Mobile{max-width:1024px;padding-right:0;padding-left:0;margin:0 auto;padding-bottom:64px}
.portOutSection1{background-image:linear-gradient(to bottom,#ef2737,#b1000e),linear-gradient(to bottom,#fff,#fff);padding-bottom:25px}
.portOutSection1 .portOutTitle h1{font-family:'ViBold',"Helvetica","Arial",sans-serif;font-size:54px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:center;color:#fff;margin:0}
.portOutSection1 .portOutTitle p{font-family:'ViMedium',"Helvetica","Arial",sans-serif;font-size:24px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:center;color:#fff;margin:0}
.portOutSection1 .portCardImg{text-align:center;position:relative;padding-bottom:60px;margin-top:40px}
.portCardImg::after{content:"";width:100%;height:100%;background-image:linear-gradient(to bottom,rgba(200,25,39,0),#d91f2e 70%);position:absolute;left:0;bottom:-20px}
.portOutSection1 .portCardBtn{display:flex;justify-content:center;flex-direction:column;align-items:center;position:absolute;top:0;left:50%;right:50%;transform:translate(-50%,0);width:100%;height:100%;gap:29px;z-index:1}
.portOutSection1 .portCardBtn img{width:70px}
.portOutSection1 .portCardBtn button{padding:8px 16px;border-radius:32px;background-color:#fff;border:0;width:335px;height:50px;font-family:'ViMedium',"Helvetica","Arial",sans-serif;font-size:16px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:center;color:#2f3043;cursor:pointer;position:relative}
.portCardBtn .exclusiveOfferbtn:after{content:url(../../../../../content/dam/vodafoneideadigital/autopay/animation_desk.svg);left:-50%;position:absolute;top:-20%;width:100%;animation:example 1500ms ease-in-out infinite;pointer-events:none}
#portOutPage h2{font-family:'ViBold',"Helvetica","Arial",sans-serif;font-size:36px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:center;color:#2f3043;width:510px;margin:0 auto}
.section2{padding-top:64px;margin-top:-45px;background:#fff;border-radius:50px;z-index:2;position:relative;width:100%}
.portOutSection2{width:667px;margin:0 auto}
.portOutSection3{margin-bottom:50px}
.portOutSection2 .portImg1{margin-top:40px;margin-bottom:64px}
.portOutSection2 img{width:677px}
.sliderContainer{margin-top:40px;position:relative}
.portLandingSlider{width:-webkit-fill-available;overflow:visible;position:relative}
.portLandingSlider .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.portLandingSlider .slick-arrow{position:absolute;top:50%;bottom:50%;transform:translateY(-50%);font-size:0}
.portLandingSlider button.slick-arrow{width:48px;height:48px;border:.8px solid transparent;border-radius:100%;z-index:9;cursor:pointer}
.portLandingSlider button.slick-next{right:-20px}
.portLandingSlider button.slick-prev{left:-20px}
.portLandingSlider .slick-prev:before{content:"" !important;background:#fff url(https://www.myvi.in/content/dam/vodafoneideadigital/newhomepage/p_arrow.svg) center center no-repeat;display:block;width:48px;height:48px;position:absolute;top:0;left:0;border-radius:100%;box-shadow:rgb(0 0 0 / 40%) 0 0 40px -8px;opacity:1}
.portLandingSlider .slick-next:before{content:"" !important;background:#fff url(https://www.myvi.in/content/dam/vodafoneideadigital/newhomepage/p_arrow.svg) center center no-repeat;display:block;width:48px;height:48px;position:absolute;rotate:180deg;top:0;left:0;border-radius:100%;box-shadow:rgb(0 0 0 / 40%) 0 0 40px -8px;opacity:1}
.portLandingSlider .slick-dots{display:flex;align-items:center;justify-content:center;height:20px;bottom:-55px;background:#eaeaec;width:fit-content;margin:0 auto;left:50%;height:auto;border-radius:22px;list-style:none;position:absolute;bottom:0;left:50%;right:50%;transform:translate(-50%,30px);padding:0}
.portLandingSlider .slick-dots li button:before{content:none}
.portLandingSlider .slick-dots li button{width:28px;height:6px;margin:0 5px 0 0;background:#e6e5ee;opacity:0;border-radius:100%;padding:0;font-size:0;line-height:0}
.portLandingSlider .slick-dots li.slick-active{background:#2f3043;width:28px;border-radius:10px;opacity:1;font-size:0}
.portLandingSlider .slick-dots li{width:28px;height:6px;margin:0}
.portOutSection1{position:relative;margin-top:-69px;padding-top:65px;z-index:0}
.portOutSection1 .portOut{width:440px;margin:0 auto;padding-top:1rem;position:relative}
.portOutSection1 .portOut img{width:100%;position:relative}
.portOutSection1 .portOut:after{content:" ";width:100%;height:100%;position:absolute;background-image:linear-gradient(to bottom,rgba(255,255,255,0) 61%,#d91f2e 102%);z-index:1;top:0;left:0}
section.portOutSection1:after{content:"";width:488px;height:430px;position:absolute;top:0;left:0;background-image:radial-gradient(circle at 32% 26%,#fff,rgba(255,255,255,0) 69%);opacity:.1;z-index:5}
.portout_best_packsDiv h3{font-family:"ViBold","Helvetica","Arial",sans-serif;font-size:40px;line-height:1.2;color:#fff;max-width:450px;width:100%;margin:0 auto 12px}
.portout_best_packsDiv p{font-family:"ViRegular","Helvetica","Arial",sans-serif;font-size:18px;color:#fff;max-width:300px;margin:0 auto;width:100%}
.portout_best_packsDiv{text-align:center}
.portout_best_packsDiv{padding:64px 0}
@media screen and (max-width:768px){.portOutSection1 .portCardImg img{width:100%}
.portOutSection1 .portOut{width:100%}
.container1024{width:100%;padding:0 20px 0 0;max-width:100%}
.container1024Mobile{width:100%;padding:0 0 40px;max-width:100%}
.portOutSection2{width:inherit}
.portOutSection1{padding-bottom:50px;margin-top:-110px}
.portOutSection1 .portCardBtn img{width:70px}
.portOutSection1 .portCardBtn{justify-content:unset;padding-top:4.5rem}
.portOutSection1 .portOutTitle h1{font-size:26px}
.portCardImg::after{background-image:linear-gradient(to bottom,rgba(200,25,39,0),#d91f2e 40%);bottom:-50px}
.portOutSection1 .portOutTitle p{font-size:16px;margin-top:8px}
.portOutSection1 .portCardImg{margin-top:32px;padding:0 20px 80px 20px}
#portOutPage h2{width:100%;font-size:20px}
.portOutSection1 .portCardBtn button{height:40px;position:relative;overflow:hidden}
.portOutSection2 .portImg1{margin-top:16px;margin-bottom:40px;padding:0 20px}
.portOutSection2 .portImg1 img{width:-webkit-fill-available}
.sliderContainer{margin-top:16px;position:relative;margin-bottom:40px}
.sliderContainer .slick-initialized .slick-slide{margin:0 5px}
section.portOutSection1:after{width:100%}
.portout_best_packsDiv h3{font-size:26px;line-height:1.2;margin:0 0 8px}
.portout_best_packsDiv p{font-size:16px;line-height:1.2}
.portout_best_packsDiv{padding:40px 0 28px}
}
.headercomponent{background-color:transparent;z-index:5;position:relative}
.headercomponent .nav-header{background-color:transparent}
.headercomponent .vi_navwrapper{-webkit-box-shadow:unset;-moz-box-shadow:unset;box-shadow:unset}
.searchWrapper{display:block}
.navbar-light .navbar-nav .nav-link{border-bottom:unset !important}
.autopayredHeader .navbar-light .navbar-nav .dropdown-toggle:hover{border-bottom:3px solid #ed3745 !important}
.headercomponent .dropdown-menu,.headercomponent .vi_navwrapper.fixed-top{background-color:#ee2737}
.headercomponent .vi_navwrapper .nav-header{height:60px;padding:5px 20px}
.navbarBottom #navbarMainContent .header-signIn a{color:#fd6}
.navbar-brand img{width:46px;height:46px}
.navbarBottom #navbarMainContent a{color:#fff}
.headercomponent .dropdown-toggle::after{background-image:url(../../../../../content/dam/vodafoneideadigital/redx/down-arrow.svg)}
.headercomponent .vi_headerDlink,.headercomponent .vi_headerDlink:hover{display:none}
.searchInput{padding:15px;cursor:pointer}
.searchBody .searchIcon{border:.5px solid rgba(255,255,255,0.5);border-radius:50%;height:32px;width:32px;padding:5px}
.searchWrapper[is-open=false] .searchIcon{margin:0}
.searchWrapper{display:flex;align-items:center;justify-content:center}
#serchIcon{pointer-events:none}
.headercomponent .vi_navwrapper{box-shadow:none}
.commonBreadcrumb .container{padding:5px 10px !important}
.section2{padding-top:24px;border-radius:24px}
@media(max-width:991px){.headercomponent .navbar-light .navbar-toggler-icon{background-image:url(../../../../../content/dam/vodafoneideadigital/homespyder/hamburger_white.svg)}
.headercomponent .dropdown .dropdown-menu{background-color:#2f3043}
}
@media(min-width:768px){.navbar-brand img{width:50px;height:50px}
.commonBreadcrumb,.footercolumnVodafoneIdea{z-index:9999;position:relative}
.autopayredHeader .vi_navwrapper.fixed-top{background:#fff}
.autopayredHeader .dropdown-menu,.autopayredHeader .vi_navwrapper.fixed-top{background-color:#fff}
.autopayredHeader .headercomponent .nav-header{background:#fff}
.autopayredHeader .navbarBottom #navbarMainContent a{color:#000}
.autopayredHeader .nav-header,.autopayredHeader .dropdown-menu,.vi_navwrapper.fixed-top{background:#fff}
.autopayredHeader .dropdown-toggle::after{border:0;background-image:url(../../../../../content/dam/vodafoneideadigital/homepage/header/Icon_Arrow_down.svg);width:16px;height:16px;background-size:contain;background-repeat:no-repeat;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.autopayredHeader .navbarBottom #navbarMainContent a :hover{border-bottom:2px solid #e60000 !important}
.portCardBtn .exclusiveOfferbtn:after{left:-140px;top:0;width:90%}
}
@media(max-width:991px){.autopayredHeader .headercomponent .navbar-light .navbar-toggler-icon{background-image:url(../../../../../content/dam/vodafoneideadigital/homespyder/hamburger_new.svg)}
.autopayredHeader .vi_navwrapper{-webkit-box-shadow:0 2px 4px 1px rgba(50,66,81,0.04);-moz-box-shadow:0 2px 4px 1px rgba(50,66,81,0.04);box-shadow:0 2px 4px 1px rgba(50,66,81,0.04)}
.autopayredHeader .vi_navwrapper.fixed-top{max-width:100%;background-color:#fff;height:65px}
.autopayredHeader .dropdown-toggle::after{border:0;background-image:url(../../../../../content/dam/vodafoneideadigital/homespyder/black-copy.svg);width:24px;height:24px;background-size:contain;background-repeat:no-repeat;position:absolute;right:60px;top:50%;transform:translateY(-50%)}
.autopayredHeader .navbarBottom #navbarMainContent a{color:#fff;border-bottom:none !important;margin-left:0;position:relative;font-size:14px;line-height:18px;padding:12px 0;margin-bottom:0;outline:0;width:100%;align-items:center;height:auto}
.autopayredHeader .dropdown-toggle{position:relative}
.autopayredHeader .dropdown-menu{background-color:#2f3043}
.portout_best_packsDiv img{width:80px;height:80px;margin:0 0 8px}
}
@keyframes example{0{transform:translateX(-10%);overflow: hidden}
100%{transform:translateX(100%);display:none;cursor:default}
}
.container1024{padding:0 20px}
.portout_new_drawer{position:fixed;top:0;z-index:1031;width:100%}
.overlay{background-color:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;z-index:1070;top:0;left:0}
.no_validationBox{position:fixed;z-index:1080;background-color:#fff;text-align:center;padding:24px 37px 37px;height:100%;width:inherit}
.no_validationBox .icon-close{position:absolute;width:40px;right:1px;top:-50px;padding:10px;background:#fff;border-radius:50%;cursor:pointer}
.no_validationBox h3{font-family:"ViBold","Helvetica","Arial",sans-serif;font-size:20px;line-height:1.2;text-align:center;color:#2f3043;margin:0 0 10px;padding:0;margin-top:8px}
.select_locationbtn button{font-family:"ViMedium","Helvetica","Arial",sans-serif;font-size:16px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:center;color:#fff;max-width:300px;width:100%;border:unset;padding:8px 16px;border-radius:32px;background-color:#ee2737;height:40px}
.no_validationBox .icon-close{position:absolute;width:40px;right:1px;top:-50px;padding:10px;background:#fff;border-radius:50%;cursor:pointer}
.clearAll{position:absolute;top:12px;right:14px;cursor:pointer;z-index:1;display:none}
.enter-mobile-recharge.orc-recharge{margin:0 0 16px;position:relative}
.enter-mobile-recharge.orc-recharge input{height:48px;width:100%;border:solid 1px #d5d6d9;padding:16px}
.orcEnterNumber .bootLabel{position:absolute;top:-8px;left:12px;padding:0 6px;background-color:#fff;font-size:12px;line-height:17px;font-family:"ViRegular","Helvetica","Arial",sans-serif;color:#797a86;display:none;margin:0;z-index:1}
#orc-mobile::placeholder{font-family:"ViRegular","Helvetica","Arial",sans-serif;font-size:16px;color:#82838e}
.orcEnterNumber .form-control:focus{box-shadow:none}
.no_validationBox p{font-family:"ViRegular","Helvetica","Arial",sans-serif;line-height:1.2;font-size:14px;color:#595969;margin:0 auto 16px}
.proceedcta[disabled]{background:#d5d6d9;border-color:#d5d6d9;color:#fff}
.no_validationBox .gobackArrow{text-align:left;font-family:"ViMedium","Helvetica","Arial",sans-serif;font-size:16px;color:#2f3043}
.gobackArrow img{margin-right:10px;margin-left:-15px}
.orc_card{margin:0 0 16px}
.orc_card .orc_cardwrapper{border-radius:8px;position:relative;padding:18px 12px;background-color:#fff;box-shadow:0 4px 8px 0 rgba(96,97,112,0.16),0 0 2px 0 rgba(40,41,61,0.04);border:solid 1px #eaeaec}
.orc_card .orc_promo{padding:4px 12px;background-color:#ffd133;margin:0;border-radius:5px 5px 0 0;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:95%}
.orc_card .orc_mrpval{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(100% - 45px);gap:2px}
.orc_card .orc_mrpwrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:0;min-width:96px;max-width:96px}
.orc_card .orc_currency{font-family:"ViRegular","Helvetica","Arial",sans-serif;font-size:14px;line-height:1.57;color:#2f3043;margin:0 2px 0 0}
.orc_card .orc_mrp{font-family:"ViBold","Helvetica","Arial",sans-serif;font-size:24px;font-weight:bold;line-height:1;color:#2f3043;margin:0}
.orc_card .orc_validity{font-family:"ViBold","Helvetica","Arial",sans-serif;font-size:16px;font-weight:bold;line-height:20px;color:#2f3043;margin:0;word-wrap:break-word}
.orc_card .orcdataval2,.orc_cardtopsec .orcvalidityval2,.orc_cardtopsec .orctalktimeval2{font-size:10px;line-height:normal;font-weight:normal;color:#82838e;font-family:'ViRegular',"Helvetica","Arial",sans-serif;margin:0}
.orc_card .orc_validitywrap{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:flex-start;margin-right:0;min-width:30%}
.orc_card .orc_buybtn{width:64px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:40px;background-color:#ee2737;font-family:"ViMedium","Helvetica","Arial",sans-serif;font-size:14px;font-weight:500;line-height:1.29;color:#fff;border:1px solid #ee2737;position:absolute;right:12px;z-index:1;top:18px}
.orc_card .orc_cardmidsec:after{content:"";position:absolute;width:100%;height:1px;background:linear-gradient(to right,#fff 50%,#d5d6d9 0);background-size:7px;bottom:0;left:0}
.orc_card .orc_cardbottomsec{padding:15.5px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.orc_card .orc_cardmidsec{position:relative;padding:8px 0}
.orc_card .orc_cardwrapper.border-radius{border-top-left-radius:0}
.orc_card .orc_promo span{margin:0;font-size:12px;line-height:16px;font-family:"ViMedium","Helvetica","Arial",sans-serif;font-weight:500;color:#2f3043}
.orc_card .nPackBottomSectn ul{padding:0 0 0 18px;margin:0}
.orc_card .nPackBottomSectn li{font-family:"ViRegular","Helvetica","Arial",sans-serif;font-size:12px;font-weight:normal;line-height:1;color:#595969;margin:0 0 5px}
.orc_card .nPackBottomSectn li:first-child{font-weight:bold;color:#2f3043}
.orc_card .orc_cardbottomsec{padding:15.5px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.orc_card .nPackBottomSectn .nLogo{min-width:96px;max-width:96px;display:flex;gap:4px}
.orc_card .orc_cardwrapper.hasViHerologo{padding:28px 20px 20px}
.orc_card .vi_herologo{position:absolute;top:12px}
.orc_card .orc_validity span{font-size:12px;line-height:18px;font-weight:normal;margin:0}
.no_validationBox .invalid-feedback{font-family:"ViRegular","Helvetica","Arial",sans-serif;font-size:12px;font-weight:normal;line-height:1.33;color:#b30e0e;margin:4px 0 0;text-align:left}
.orc_card .nPackBottomSectn .nSeeMore{text-decoration:underline;cursor:pointer;font-family:"ViMedium","Helvetica","Arial",sans-serif;margin:0;font-weight:normal;font-size:12px;color:#595969}
.packdtswithoutno.pack-details-right{width:100%;height:calc(100% - 65px);right:0;bottom:-102%;background:#fff;position:fixed;z-index:1031}
.packdtswithoutno.pack-details-right.pack-details-open{bottom:0}
.orcPackDetailswnoWrap{overflow:hidden;height:100%}
.packdtswithoutno .orcPackDetailswno{padding:0 20px 110px 20px;max-height:100%;overflow:hidden;overflow-y:auto}
.orcTitlenback{display:flex;gap:8px;padding:12px 0}
.packdtswithoutno .orcPackDetailswno .orcPackTitle{margin-bottom:0;font-family:"ViMedium","Helvetica","Arial",sans-serif;font-size:16px;font-weight:500;line-height:1.2;color:#2f3044}
#overlay.show{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.8;z-index:1030}
.pack-details-right .mobClose{top:-48px;right:16px;width:32px;height:32px;position:absolute;display:none;cursor:pointer}
.packdtswithoutno .orc_card{margin:0 0 20px}
.packdtl-btn{position:absolute;width:100%;bottom:0;left:0;padding:20px;box-shadow:0 -4px 8px 0 rgba(96,97,112,0.16),0 0 2px 0 rgba(40,41,61,0.04);background-color:#fff}
.packdtl-btn button{padding:8px 20px;border-radius:40px;background-color:#ee2737;width:100%;height:40px;color:#fff;border:0}
.orcPackDetailswno::-webkit-scrollbar{width:4px;height:4px}
.orcPackDetailswno::-webkit-scrollbar-track{background:transparent}
.orcPackDetailswno::-webkit-scrollbar-thumb{background-color:#d5d6d9;border-radius:4px}
.orcPackDetailswnoWrap{overflow:hidden;height:100%}
.packdtswithoutno .orc_card .nPackBottomSectn li{min-width:100%}
.packdtswithoutno .yourBenefits h3,.packdtswithoutno .additional-benefits h3{font-family:"ViBold","Helvetica","Arial",sans-serif;font-size:20px;font-weight:bold;line-height:1.07;color:#2f3043;margin-bottom:12px}
.additional-txt{font-family:"ViRegular","Helvetica","Arial",sans-serif;font-size:14px;font-weight:normal;color:#595969;word-wrap:break-word}
.tncdiv{margin-top:20px}
a.tncRed{text-decoration:underline;font-family:"ViMedium","Helvetica","Arial",sans-serif;font-size:14px;font-weight:500;line-height:1.43;color:#2f3043}
.orc_benfits{margin-bottom:15.5px;padding:0 0 15.5px}
.orc_benfits{display:flex;gap:12px;margin-bottom:11.5px;align-items:center;border-bottom:1px dashed #d5d6d9;padding:0 0 11.5px}
.orc_benfits .benIcon{width:40px;height:40px}
.packdtswithoutno .orc_benfits .benSubTitle{font-size:12px;line-height:1;color:#595969;margin-bottom:0;font-family:"ViRegular","Helvetica","Arial",sans-serif}
.esmi_infoBox{padding:0 0 64px !important}
.supportBtn{text-align:center}
.supportBtn .supportTeam_Btn{color:#2f3043;max-width:335px;height:40px;font-size:16px;line-height:20px;margin-top:10px;margin-bottom:40px;border-radius:25px;background-color:transparent;border:1px solid #2f3043;font-family:"ViMedium","Helvetica","Arial",sans-serif;width:100%}
.paletroCardSec{padding-top:64px;margin-top:-45px;background:#fff;border-radius:50px;z-index:2;position:relative;width:100%}
.no_validationBox .popup_subheading{max-width:236px;width:100%}
.esimslider-wrapper{padding:40px 0 !important;background-color:#fdf6ec}
.footerVodafone,.footerVodafone .card{background-color:#fff !important}
.esim_testimonials_slider .testimonial{background-color:#fff}
.esmi_infoBox .esim_infoTitle{display:none}
.portoutScanner.show,.overlay{background-color:rgba(0,0,0,0.8);position:fixed;width:100%;height:100%;left:0;right:0;top:0;bottom:0;display:flex;align-self:center;justify-content:center;z-index:1032}
.portoutappBox{text-align:center}
.viAppScandiv h3{font-family:"ViBold","Helvetica","Arial",sans-serif;font-size:20px;line-height:1.2;margin:0 0 8px}
.viAppScandiv p{font-family:"ViBold","Helvetica","Arial",sans-serif;font-size:20px;line-height:1.2;max-width:265px;width:100%;text-align:center;margin:0 auto 24px;color:#fff}
.viappLink{width:335px;height:40px;border-radius:40px;background-color:#ee2737;font-family:"ViMedium","Helvetica","Arial",sans-serif;font-size:14px;line-height:1.2;color:#fff;border:1px solid #ee2737}
.portoutappBox{position:fixed;z-index:1080;background-color:#fff;width:100%;left:0;transform:translate(0,0);bottom:0;top:unset;border-radius:16px 16px 0 0;padding:24px 16px 32px;min-height:unset}
.viAppScandiv .icon-close{position:absolute;top:-45px;padding:10px;background:#fff;border-radius:50%;cursor:pointer;right:10px;width:32px}
.viAppScandiv{height:max-content;margin:auto}
.portoutappBox p{font-family:"ViRegular","Helvetica","Arial",sans-serif;color:#595969;font-size:14px;line-height:1.2;margin:0 auto 24px}
.viappLink a{color:#fff}
.revampServererror-wrapper{padding:40px 0;text-align:center}
.revampServererror-wrapper img{width:175px;height:76px}
.revampServererror-wrapper p{font-size:14px;line-height:18px;font-family:"ViMedium","Helvetica","Arial",sans-serif;padding:0 42px;margin:24px 0 32px 0}
.explore_paletro_packs{width:239px;height:40px;font-size:14px;line-height:18px;margin:30px auto 0;background:#ee2737;border-radius:25px;color:#fff;font-family:"ViMedium","Helvetica","Arial",sans-serif;border:0;font-weight:500}
@media(min-width:768px){.no_validationBox h3{font-size:24px;line-height:1.2}
.no_validationBox .popup_subheading{max-width:unset;width:unset}
.no_validationBox p{line-height:1.2;font-size:16px}
.enter-mobile-recharge.orc-recharge input{height:60px;max-width:336px}
.select_locationbtn button{max-width:unset;height:50px}
.no_validationBox{top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:auto;border-radius:24px;padding:32px}
.clearAll{top:18px}
.gobackArrow{display:none}
.portout_new_drawer{width:100%;position:fixed;top:0;z-index:1031;left:0;right:0;bottom:0;overflow:hidden;overflow-y:auto}
.orc_card .orc_mrpwrap{min-width:120px;max-width:120px}
.orc_card .orc_validity{font-family:"ViBold","Helvetica","Arial",sans-serif;font-size:18px;font-weight:bold;line-height:1.2;color:#2f3043;margin:0;word-wrap:break-word}
.orc_card .orcdataval2,.orc_cardtopsec .orcvalidityval2,.orc_cardtopsec .orctalktimeval2{font-size:14px;line-height:1.2;font-weight:500;font-family:'ViMedium',"Helvetica","Arial",sans-serif}
.orc_card .orc_validitywrap{min-width:35%}
.orc_card .orc_buybtn{width:120px;top:26px;right:20px}
.orc_card .orc_mrpval{width:calc(100% - 145px);gap:10px}
.orc_card .orc_cardwrapper{padding:20px;border-radius:16px;height:calc(100% - 24px)}
.orc_card .orc_cardmidsec{padding:0 0 1.5px}
.orc_card .orc_promo{height:24px}
.orc_card .orc_promo span{font-size:14px}
.orc_card .orc_cardtopsec,.orc_card .orc_cardtopsec.extraMargin{margin:0 0 20px}
.orc_card .nPackBottomSectn ul{display:flex;flex-wrap:wrap;gap:0 32px;padding:0 0 0 24px}
.orc_card .nPackBottomSectn li{font-size:14px;font-weight:500;line-height:.86;margin:0 0 8px;min-width:30%}
.orc_card .nPackBottomSectn .nLogo{min-width:120px;max-width:120px}
.orc_card{flex:1 1 calc(50% - 16px);max-width:50%;margin:0}
.orc_card .orc_cardwrapper.hasViHerologo{padding:32px 20px 20px}
.orc_card .vi_herologo{top:18px}
div#recommended{display:flex;flex-wrap:wrap;align-items:strech;gap:16px;margin:0 auto;justify-content:center}
.container1024{padding:0}
.orc_card .orc_validity span{font-family:"ViMedium","Helvetica","Arial",sans-serif;font-size:14px;line-height:normal;font-weight:500}
.enter-mobile-recharge.orc-recharge{margin:0 0 24px}
.orc_card .nPackBottomSectn .nSeeMore{font-weight:500;line-height:1.2;font-size:14px}
.packdtswithoutno.pack-details-right{height:84%;max-height:688px;width:504px;border-radius:24px}
.packdtswithoutno.pack-details-right.pack-details-open{bottom:unset;left:50%;top:52%;right:unset;transform:translate(-50%,-50%)}
.orcPackDetailswnoWrap{border-radius:24px}
.packdtswithoutno .orcPackDetailswno{padding:32px 32px 110px 32px}
.orcTitlenback{padding:0 0 24px}
.orcbackIcon{display:none}
.packdtswithoutno .orcPackDetailswno .orcPackTitle{font-family:"ViBold","Helvetica","Arial",sans-serif;font-size:24px;line-height:1.2;color:#2f3043}
.pack-details-right .mobClose{display:block}
.packdtswithoutno .orc_card{max-width:100%;margin:0 0 24px}
.packdtl-btn{padding:24px 32px 32px;border-radius:0 0 24px 24px}
.additional-txt{font-size:16px;line-height:1.2}
.orc_benfits{margin-bottom:15.5px;padding:0 0 15.5px}
.orc_benfits .benIcon{width:56px;height:56px}
.packdtswithoutno .orc_benfits .benSubTitle{font-size:16px;line-height:1.2}
.supportBtn .supportTeam_Btn{height:50px;margin-top:48px;margin-bottom:50px}
.esimslider-wrapper{padding:64px 0 !important}
.revampServererror-wrapper{padding:60px 0;margin:0 auto;max-width:442px}
.revampServererror-wrapper img{width:203px;height:88px}
.revampServererror-wrapper p{font-size:16px;line-height:20px;margin:20px 0}
.explore_paletro_packs{width:236px;height:50px}
}
@media(max-width:768px){.info_main_box{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:8px}
.info_main_box .esim_outerBox:first-child{grid-column:1 / 3;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:10px}
.info_main_box .esim_outerBox:not(:first-child){display:flex;align-items:baseline;flex-direction:column}
.esim_outerBox{border-radius:12px;padding:14px;box-shadow:0 2px 4px rgba(0,0,0,0.05)}
.esim_outerBox img{width:32px;height:32px;object-fit:contain}
.esim_outerBox p{margin:0;font-size:14px;font-weight:500;color:#2d2d2d}
.esmi_infoBox .info_main_box{display:grid !important}
.esmi_infoBox{padding:0 0 40px !important}
.paletroCardSec{padding-top:24px;border-radius:24px}
}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
@charset 'UTF-8';.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:0;outline:0;background:0}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}
.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
[dir=rtl] .slick-prev{right:-25px;left:auto}
.slick-prev:before{content:'←'}
[dir=rtl] .slick-prev:before{content:'→'}
.slick-next{right:-25px}
[dir=rtl] .slick-next{right:auto;left:-25px}
.slick-next:before{content:'→'}
[dir=rtl] .slick-next:before{content:'←'}
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0}
.slick-dots li button:focus,.slick-dots li button:hover{outline:0}
.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}
.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75;color:#000}
[data-modal-show="quickPayPopUp"]{overflow:hidden}
dialog#quickPayPopUp[open]{&.quickPayPopUp{background-color:transparent;border:0;display:flex;flex-direction:column;width:100%;overflow:hidden;padding:0;margin:auto 0 0 0;color:#2f3043;justify-content:flex-end;min-width:100%;>.sidebar-arrow{display:none}
.popup_body{.closeIcon{display:none}
}
img.closeIcon{border-radius:50px;background-color:#fff;padding:4px;cursor:pointer;align-self:flex-end;margin:0 10px 10px 0}
.popup_body{padding:20px;background-color:#fff;border-radius:16px 16px 0 0;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:20px;overflow-y:auto;&::-webkit-scrollbar{width:6px;border-radius:4px}
&::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;margin:10px}
&::-webkit-scrollbar-thumb{background:#595969;border-radius:4px}
&::-webkit-scrollbar-thumb:hover{background:#d5d6d9;cursor:pointer}
.heading{font-size:24px;line-height:28px;font-family:'ViBold';color:#2f3043;margin:0;text-align:center}
.itemsWrapper{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;width:100%;.item{display:grid;grid-template-columns:40px 1fr 48px;grid-gap:0 12px;width:100%;.itemIcon{grid-column:1/2;grid-row:1/3;width:40px;height:40px;align-self:center}
.itemTitle{grid-column:2/3;grid-row:1/2;font-size:14px;line-height:16px;color:#2f3043;font-family:"ViBold";margin:0 0 4px 0}
.itemSubHeading{grid-column:2/3;grid-row:2/3;font-size:12px;line-height:16px;margin:0;font-family:"ViMedium";color:#595969;&.hasError{color:#ee2737}
.offerTNC{text-decoration:underline;font-family:"ViBold"}
}
.changeMethodCTA{grid-column:3 / 4;grid-row:1 / 3;font-size:14px;line-height:18px;font-family:ViMedium;margin:0;text-decoration:underline;align-self:center}
&:not(:first-child){display:none}
&.noOffer{.itemTitle{grid-row:1 / 3;align-self:center}
.itemSubHeading{display:none}
}
}
}
.amountSection{position:relative;padding:16px 0 0 0;width:100%;display:flex;flex-direction:column;&::before{content:'';position:absolute;top:0;left:-20px;width:calc(100% + 40px);height:1px;background-color:#d5d6d9}
p.payableAmount{width:100%;display:flex;justify-content:space-between;align-items:flex-start;margin:0 0 18px 0;.title{font-family:"ViBold"}
.value{font-family:"ViBold"}
}
button.quickPayCTA{width:100%;border-radius:50px;padding:10px 0;border:0;background-color:#ee2737;color:#fff;font-family:'ViMedium';font-size:16px;line-height:20px;&:focus{outline:0}
}
}
}
}
&::backdrop{background-color:#111622;opacity:.8}
}
#divLoadingPaymentStatus.show{display:block !important;position:fixed;z-index:9999999;background-image:url(../../../../../content/dam/paymentGateway/preloader-vodafone.gif);background-color:rgb(17 22 34 / 60%);background-repeat:no-repeat;background-position:center;left:0;bottom:0;right:0;top:0;background-size:127px;&:after{content:'we are fetching your payment status...';position:absolute;display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#fff;transform:translateY(60px);font-size:16px;line-height:20px;font-family:'ViBold'}
@media screen and (max-width:768px){background-size:60px;background-color:rgb(17 22 34 / 80%)}
}
dialog#quickPayOfferTNC[open]{background-color:transparent;border:0;display:flex;flex-direction:column;width:100%;overflow:hidden;padding:0;margin:auto 0 0 0;color:#2f3043;justify-content:flex-end;min-width:100%;svg#close-icon{align-self:flex-end;margin:0 10px 10px 0;width:32px;height:32px;background-color:#fff;border-radius:50px;padding:8px;min-width:32px;min-height:32px;rect{fill:#111622}
}
.popupBody{padding:20px;background-color:#fff;border-radius:16px 16px 0 0;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:20px;overflow-y:auto;min-height:35dvh;&::-webkit-scrollbar{width:6px;border-radius:4px}
&::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;margin:10px}
&::-webkit-scrollbar-thumb{background:#595969;border-radius:4px}
&::-webkit-scrollbar-thumb:hover{background:#d5d6d9;cursor:pointer}
.heading{font-size:24px;line-height:28px;font-family:'ViBold';color:#2f3043;margin:0;text-align:center}
ul{padding:0 0 0 10px;color:#595969;margin:0;li{font-size:12px;line-height:16px;padding:0;margin:0}
}
}
&::backdrop{background-color:#111622;opacity:.8}
}
.testimonial_userDetails .author{font-family:"ViBold","Helvetica","Arial",sans-serif;margin:0 0 4px 0;color:#2f3043;font-size:14px;line-height:17px}
.testimonial_userDetails .location{font-family:"ViRegular","Helvetica","Arial",sans-serif;font-size:14px;line-height:17px;color:#737482;margin:0}
.esimslider-wrapper .esim_testimonials_slider{opacity:0;visibility:hidden;transition:opacity .5s ease;-webkit-transition:opacity .5s ease}
.esimslider-wrapper .esim_testimonials_slider.slick-initialized{visibility:visible;opacity:1}
.esimslider-wrapper .slick-prev{left:-84px}
.esimslider-wrapper .slick-next{right:-84px}
.esimslider-wrapper .slick-arrow{width:30px;height:30px;border:.8px solid transparent;border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:0}
.esim_testimonials_slider .slick-next:before{background:url("../../../../../content/dam/vodafoneideadigital/esim-landing-images/slick-arrow.svg") no-repeat center center;position:absolute;display:block;top:-20px;width:48px;height:48px;opacity:1}
.esimslider-wrapper .slick-dots li button{width:6px;height:6px;margin:0 5px 0 0;background:#2f3043;opacity:.2;border-radius:100%;padding:0}
.esimslider-wrapper .slick-dots li.slick-active button{background:#2f3043;opacity:1;width:22px;border-radius:10px;height:6px}
.esimslider-wrapper .slick-dots li{width:auto;height:auto;margin:0}
.esimslider-wrapper .slick-dots{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-pack:center;justify-content:center;bottom:-40px}
.esimslider-wrapper .slick-arrow.slick-disabled{cursor:default}
.esim_testimonials_slider .testimonial{padding:20px;box-sizing:border-box;margin-right:16px;border-radius:20px;border:1px solid #eaeaec}
.esim_testimonials_slider .authorDetail{display:grid;grid-template-columns:40px auto;gap:10px}
.esim_testimonials_slider .hrLine{height:1px;background-color:#eaeaec;margin:19px 0 20px}
.esim_testimonials_slider .slick-prev.slick-disabled:before,.esim_testimonials_slider .slick-next.slick-disabled:before{opacity:.25}
.testimonial .testimonialQuote{font-family:"ViRegular","Helvetica","Arial",sans-serif;font-size:16px;line-height:19px;font-size:14px;line-height:16px;color:#595969}
.esim_testimonials_slider .slick-prev:before{background:url("../../../../../content/dam/vodafoneideadigital/esim-landing-images/slick-arrow.svg") no-repeat center center;content:"";display:block;width:48px;height:48px;position:absolute;transform:rotate(180deg);opacity:1}
.testimonialQuote strong{color:#2f3043}
.esimslider-wrapper{padding:0 0 48px}
.testimonial .quoteImg{margin:0 0 16px}
.esimslider-wrapper .esim_infoTitle{font-family:"ViBold","Helvetica","Arial",sans-serif;text-align:center;font-size:24px;line-height:28px;margin:0 0 20px;padding:0 20px 0 0}
@media(max-width:768px){.esimslider-wrapper .container1024{padding:0 0 0 20px}
.esimslider-wrapper .slick-list{padding:0 5.5% 0 0}
}
@media(min-width:768px){.esimslider-wrapper{padding:0 0 96px}
.testimonial .testimonialQuote{font-size:16px;line-height:19px}
.esimslider-wrapper .esim_infoTitle{font-size:36px;line-height:43px;margin:0 0 30px;padding:0}
}
.portout_helpDiv{margin:0 auto;text-align:center;background:url('../../../../../content/dam/vodafoneideadigital/Portoutpage/helpsec_background.webp');height:245px;object-fit:contain;background-position:center;background-size:cover;background-color:#fdf6ec;padding:24px;border-radius:16px}
.portout_helpDiv h3{font-family:'ViBold',"Helvetica","Arial",sans-serif;font-size:20px;line-height:1.2;margin:0 0 8px}
.portout_helpDiv p{font-family:'ViRegular',"Helvetica","Arial",sans-serif;font-size:14px;line-height:1.2;color:#595969;margin:0 0 20px}
.portout_helpSec .talkBtn{padding:8px 16px;border-radius:32px;background-color:#fff;border:0;width:100%;height:40px;font-family:'ViMedium',"Helvetica","Arial",sans-serif;font-size:16px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:center;color:#2f3043;cursor:pointer}
section.portout_helpSec{padding:40px 0}
@media(min-width:768px){.portout_helpSec .talkBtn{max-width:335px;height:50px}
.portout_helpDiv h3{font-size:36px}
.portout_helpDiv p{font-size:18px;margin:0 0 24px}
.portout_helpDiv{padding:48px;height:339px;border-radius:24px}
.portout_helpSec{padding:64px 0}
}
.esmi_infoBox .info_main_box{display:flex;flex-direction:column;gap:20px}
.info_main_box .esim_outerBox{display:flex;gap:12px;padding:16px;border-radius:12px;background-color:#ecf9ff}
.esim_outerBox img{width:40px;height:40px}
.esmi_infoBox{padding:48px 0}
.esmi_infoBox .esim_infoTitle{font-family:"ViBold","Helvetica","Arial",sans-serif;text-align:center;font-size:24px;line-height:28px;margin:0 0 20px}
.info_main_box .esim_outerBox p{font-family:"ViMedium","Helvetica","Arial",sans-serif;font-size:14px;line-height:16px;color:#2f3043;margin:0}
@media(min-width:768px){.esmi_infoBox .info_main_box{flex-direction:row;gap:16px}
.info_main_box .esim_outerBox{display:unset;padding:20px;max-width:331px;width:100%}
.info_main_box .esim_outerBox p{font-size:16px;line-height:19px}
.esmi_infoBox .esim_infoTitle{font-size:36px;line-height:43px;margin:0 0 30px}
.esmi_infoBox{padding:96px 0 80px}
.esim_outerBox img{margin:0 0 12px}
}