.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}
@media(min-width:1200px){.container1024{max-width:1024px;padding:0}
}
.custom_slider{background:#121834 url(../../../../../content/dam/vodafoneideadigital/callertunes/dotted-bg.png) top/100% 650px no-repeat;padding:53px 0 64px}
.custom_slider h1{font-family:"ViBold","Helvetica","Arial",sans-serif;font-size:36px;font-weight:bold;line-height:1.06;color:#fff;margin:0 0 40px;text-align:center}
.custom_slider .custom_wr{max-width:616px;width:100%;margin:0 auto;position:relative;height:290px}
.custom_slider .custom_wr img{width:100%;height:248px}
.custom_slider .slider__item{position:absolute;top:0;left:0;-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;width:100%}
.custom_slider .slider__item.slick_1{z-index:5;-webkit-transform:scale(1);transform:scale(1)}
.custom_slider .slider__item.slick_2{z-index:4;-webkit-transform:scale(0.95) translateY(8%);transform:scale(0.95) translateY(8%);pointer-events:none}
.custom_slider .slider__item.slick_3{z-index:3;-webkit-transform:scale(0.85) translateY(20%);transform:scale(0.85) translateY(20%);pointer-events:none}
.custom_slider .c_dotsWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.custom_slider .c_dots{width:6px;height:6px;border-radius:50%;background-color:#acacb4;margin:0 3px 0 0;cursor:pointer}
.custom_slider .c_dots.active{background-color:#ffc600;width:28px;border-radius:5px}
@media all and (max-width:768px){.container1024{padding:0 20px}
.custom_slider{background:#121834;padding:36px 0 24px}
.custom_slider h1{font-size:24px;line-height:1.17;margin:0 auto 6px;text-align:left;min-width:100%}
.custom_slider .custom_wr{max-width:100%;width:100%;height:200px}
.custom_slider .custom_wr img{width:100%;height:auto}
.custom_slider .c_dots.active{width:22px}
}
.voda_wrapper .spacer8{height:8px}
.voda_wrapper .spacer16{height:16px}
.voda_wrapper .spacer24{height:24px}
.voda_wrapper .spacer32{height:32px}
.voda_wrapper .spacer40{height:40px}
.voda_wrapper .spacer48{height:48px}
.voda_wrapper .spacer64{height:64px}
.idea_wrapper .spacer8{height:8px}
.idea_wrapper .spacer16{height:16px}
.idea_wrapper .spacer24{height:24px}
.idea_wrapper .spacer32{height:32px}
.idea_wrapper .spacer40{height:40px}
.idea_wrapper .spacer64{height:64px}
.spacer8{height:8px}
.spacer16{height:16px}
.spacer24{height:24px}
.spacer32{height:32px}
.spacer40{height:40px}
.spacer64{height:64px}
.performancebasepage .spacer8{height:8px}
.performancebasepage .spacer16{height:16px}
.performancebasepage .spacer24{height:24px}
.performancebasepage .spacer32{height:32px}
.performancebasepage .spacer40{height:40px}
.performancebasepage .spacer48{height:48px}
.performancebasepage .spacer64{height:64px}
@media(max-width:767px){.voda_wrapper .spacer16{height:8px}
.voda_wrapper .spacer24{height:12px}
.voda_wrapper .spacer32{height:16px}
.voda_wrapper .spacer40{height:20px}
.voda_wrapper .spacer48{height:24px}
.voda_wrapper .spacer64{height:32px}
.performancebasepage .spacer16{height:8px}
.performancebasepage .spacer24{height:12px}
.performancebasepage .spacer32{height:16px}
.performancebasepage .spacer40{height:20px}
.performancebasepage .spacer48{height:24px}
.performancebasepage .spacer64{height:32px}
.idea_wrapper .spacer16{height:8px}
.idea_wrapper .spacer24{height:12px}
.idea_wrapper .spacer32{height:16px}
.idea_wrapper .spacer40{height:20px}
.idea_wrapper .spacer64{height:32px}
.spacer16{height:8px}
.spacer24{height:12px}
.spacer32{height:16px}
.spacer40{height:20px}
.spacer64{height:32px}
}
.tslider_sectn{background-color:#121834;padding:0 0 100px}
.tslider_sectn .tslider_wrapp{position:relative;z-index:9}
.tslider_sectn .tslide{margin:0 10px;height:274px}
.tslider_sectn .tslide img{width:100%;height:auto;position:relative;top:20px}
.tslider_sectn .tslide .activeimg{display:none}
.tslider_sectn .tslide .nonactiveimg{display:block}
.tslider_sectn .tslide.slick-active img{position:unset}
.tslider_sectn .tslide.slick-active .activeimg{display:block}
.tslider_sectn .tslide.slick-active .nonactiveimg{display:none}
.tslider_sectn .slick-dots{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;height:20px;bottom:-45px;padding-right:10px}
.tslider_sectn .slick-dots li button:before{content:none}
.tslider_sectn .slick-dots li button{width:5px;height:5px;margin:0 5px 0 0;background:#acacb4;opacity:1;border-radius:100%;padding:0}
.tslider_sectn .slick-dots li.slick-active button{background:#ffc600;opacity:1;width:18px;border-radius:10px}
.tslider_sectn .slick-dots li{width:auto;height:auto;margin:0}
.tslider_sectn button.slick-arrow{width:60px;height:60px;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:1}
.tslider_sectn .slick-prev:before{background:url(../../../../../content/dam/vodafoneideadigital/callertunes/arrow-prev.webp) no-repeat center center;content:"" !important;display:block;width:60px;height:60px;background-size:60px;position:absolute;top:0;left:0}
.tslider_sectn .slick-next:before{background:url(../../../../../content/dam/vodafoneideadigital/callertunes/arrow-next.webp) no-repeat center center;content:"" !important;display:block;width:60px;height:60px;background-size:60px;position:absolute;top:0;left:0}
.tslider_sectn .slick-prev{left:-25px}
.tslider_sectn .slick-next{right:-25px}
.tslider_sectn .yBtn{min-width:221px;height:50px;border-radius:25px;background-color:#ffc600;font-family:"ViMedium","Helvetica","Arial",sans-serif;font-size:16px;font-weight:500;line-height:1.25;color:#2f3043;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:20px 0 0}
.tslider_sectn .man_img{position:absolute;z-index:9;top:100px;left:53%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%)}
.tslider_sectn .music_animation{position:relative}
.tslider_sectn .ripple_animation{overflow:hidden;display:inline-block;position:relative;width:770px;height:400px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);top:64px}
.tslider_sectn .ripple_animation>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;bottom:0;left:50%;-webkit-transform:translateY(50%) translateX(-50%);transform:translateY(50%) translateX(-50%);background-color:#bc388f;border-color:#bc388f;border-style:solid;border-width:0;border-radius:100%;opacity:0;-webkit-animation:expansion 3s infinite;animation:expansion 2s infinite}
.tslider_sectn .ripple_animation>:nth-child(1){width:100%;height:200%;-webkit-animation-delay:800ms;animation-delay:800ms}
.tslider_sectn .ripple_animation>:nth-child(2){width:74.5%;height:149%;-webkit-animation-delay:400ms;animation-delay:400ms}
.tslider_sectn .ripple_animation>:nth-child(3){width:50%;height:100%;opacity:1}
@-webkit-keyframes expansion{0{opacity:0}
15%{opacity:.4}
}
@keyframes expansion{0{opacity:0}
15%{opacity:.4}
}
.tslider_sectn .music1{position:absolute;right:90px;top:145px}
.tslider_sectn .music2{position:absolute;left:160px;top:165px}
.tslider_sectn .tslide.prevdiv,.tslider_sectn .tslide.nextdiv{-webkit-perspective:274px;perspective:274px}
.tslider_sectn .tslide.prevdiv img{-webkit-transform:rotateX(0) rotateY(-15deg) scale(0.9) translate(-20px,0);transform:rotateX(0) rotateY(-15deg) scale(0.9) translate(-20px,0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.tslider_sectn .tslide.nextdiv img{-webkit-transform:rotateX(0) rotateY(15deg) scale(0.9) translate(20px,0);transform:rotateX(0) rotateY(15deg) scale(0.9) translate(20px,0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.tslider_sectn .white_border{width:100%;height:1px;background-image:radial-gradient(circle at 50% 100%,#ababb0,rgba(17,22,34,0) 104%);margin:125px 0 0}
.tslider_sectn .tslider{opacity:0;visibility:hidden;transition:opacity .5s ease;-webkit-transition:opacity .5s ease}
.tslider_sectn .tslider.slick-initialized{visibility:visible;opacity:1}
@media all and (max-width:768px){.tslider_sectn{padding:0 0 40px}
.tslider_sectn .tslide{margin:0 8px;height:auto}
.tslider_sectn .tslide img{height:182px;top:unset}
.tslider_sectn .yBtn{min-width:164px;height:40px;font-size:14px;line-height:normal;margin:24px 0 0}
.tslider_sectn .man_img{width:296px;position:absolute;top:120px}
.tslider_sectn .music_animation{overflow:hidden}
.tslider_sectn .ripple_animation{width:130%;height:300px;top:40px}
.tslider_sectn .music1{right:15%;top:200px;width:30px}
.tslider_sectn .music2{left:15%;top:162px;width:12px}
.tslider_sectn .tslide.prevdiv img{-webkit-transform:scaleY(0.9);transform:scaleY(0.9);-webkit-transform-style:none;transform-style:none}
.tslider_sectn .tslide.nextdiv img{-webkit-transform:scaleY(0.9);transform:scaleY(0.9);-webkit-transform-style:none;transform-style:none}
.tslider_sectn .container1024{padding:0}
.tslider_sectn .white_border{margin:40px 0 0}
}
@media(min-width:1200px){.container1024{max-width:1024px;padding:0}
}
.packs_sectn{background-color:#121834;padding:0 0 80px}
.packs_sectn h2{font-family:"ViBold","Helvetica","Arial",sans-serif;font-size:26px;font-weight:bold;line-height:1.15;color:#fff;margin:0 0 24px;text-align:center}
.packs_sectn .packs_wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.packs_sectn .cpacks{-webkit-box-flex:0;-ms-flex:0 50%;flex:0 50%;padding:12px 20px;border-radius:10px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.32),0 0 1px 0 rgba(0,0,0,0.04);box-shadow:0 2px 4px 0 rgba(0,0,0,0.32),0 0 1px 0 rgba(0,0,0,0.04);background-color:#2f3043}
.packs_sectn .cpacks:nth-child(2n){margin:0 0 0 2%}
.packs_sectn .ptop{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:2px dashed #d5d6d9;padding:0 0 12px}
.packs_sectn .pmrp{font-family:"ViBold","Helvetica","Arial",sans-serif;font-size:30px;font-weight:bold;line-height:1.07;color:#fff;margin:0}
.packs_sectn .ctadiv{display:-webkit-box;display:-ms-flexbox;display:flex}
.packs_sectn .psvalidity{padding:6px 12px;border-radius:25px;-webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,0.02);box-shadow:0 2px 1px 0 rgba(0,0,0,0.02);border:solid .8px #d5d6d9;font-family:"ViMedium","Helvetica","Arial",sans-serif;font-size:14px;font-weight:500;line-height:normal;color:#fff;margin:0 24px 0 0;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}
.packs_sectn .cbuypack{min-width:80px;height:30px;border-radius:25px;background-color:#ffc600;font-family:"ViMedium","Helvetica","Arial",sans-serif;font-size:14px;font-weight:500;line-height:normal;color:#2f3043}
.packs_sectn .pbottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 0 0}
.packs_sectn .pbottom p{font-family:"ViBold","Helvetica","Arial",sans-serif;font-size:14px;font-weight:bold;line-height:1.29;color:#fff;margin:0}
.packs_sectn .pbottom p span{margin:0 0 0 4px;color:#82838e}
.packs_sectn .packsinfo{cursor:pointer}
@media all and (max-width:768px){.packs_sectn{padding:0}
.packs_sectn h2{font-size:20px;line-height:1.2;margin:0 0 20px;text-align:left}
.packs_sectn .packs_wrapper{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.packs_sectn .cpacks{-webkit-box-flex:0;-ms-flex:0 100%;flex:0 100%;margin:0 0 24px}
.packs_sectn .cpacks:nth-child(2n){margin:0 0 24px}
.packs_sectn .pmrp{font-size:26px;line-height:1.15}
.packs_sectn .ctadiv{display:-webkit-box;display:-ms-flexbox;display:flex}
.packs_sectn .psvalidity{margin:0 10px 0 0}
.packs_sectn .cbuypack{min-width:78px;height:40px}
.packs_sectn .white_border{width:100%;height:1px;background-image:radial-gradient(circle at 50% 100%,#ababb0,rgba(17,22,34,0) 104%);margin:20px 0 0}
}
.packInfo_drawer-push{overflow-x:hidden;position:relative;right:0}
#AdditionalbenefitSection{margin-bottom:70px}
.packInfo_drawer{background:#fff;height:100%;position:fixed;top:0;width:504px}
.packInfo_drawer-right{right:-504px}
.packInfo_drawer-right.packInfo_drawer-open{right:0;z-index:1032}
.forScroll1{padding:52px 0}
.forScroll{overflow:hidden;overflow-y:scroll;height:78vh;padding:0 0 100px}
.packInfo_drawer,.packInfo_drawer-push{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}
.btn[disabled]{background:#d5d6d9 !important;border-color:#d5d6d9 !important;color:#fff}
.packdetailsSection button:focus{outline:0;opacity:1}
.packdetailsSection .btnSection{position:absolute;width:100%;bottom:0;padding:20px 0;background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0.6) 17%,rgba(255,255,255,0.95) 39%,#fff 64%,#fff)}
.forScroll .badges-wrapper.desc-badge{position:absolute;top:100px}
#overlay.show{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.5;z-index:1031}
span#packDetailAmount,th.addBold{font-weight:bold}
.packdetailsSection .packdetailsHeading{font-size:24px;line-height:26px;font-family:"ViBold","Helvetica","Arial",sans-serif;margin:0 60px 50px}
.packdetailsSection th:first-child{text-align:left;padding:21px 60px 0}
.packdetailsSection td:first-child{text-align:left;padding:15px 0 15px 60px}
.packdetailsSection th:last-child{text-align:right;padding:0 60px}
.packdetailsSection .table thead tr:last-child th:first-child{padding:21px 60px 19px;position:relative}
.packdetailsSection .table thead tr:last-child th:last-child{padding:21px 60px 19px;position:relative}
.packdetailsSection .table thead tr:last-child th:first-child:before,.packdetailsSection .table thead tr:last-child th:last-child:before{width:calc(100% - 60px);height:1px;position:absolute;border:0;left:0;right:0;background-color:#595969;top:10px}
.packdetailsSection .table thead tr:last-child th:first-child:before{margin:0 0 0 60px}
.packdetailsSection .table thead tr:last-child th:last-child:before{margin:0 60px 0 0}
.packdetailsSection td:last-child{text-align:right;padding:15px 60px 15px 0}
.packdetailsSection .table th:last-child{font-size:16px;line-height:1}
.packdetailsSection thead{background:#2f3043;color:#fff;width:64px}
.packdetailsSection tbody{background:#dfebfb}
.packdetailsSection .table th,.packdetailsSection .table thead th{border:0;font-size:16px;line-height:17px;font-weight:normal}
.packdetailsSection .table td{font-size:14px;line-height:16px;border:0;border-bottom:1px solid transparent;text-transform:lowercase}
.greyColor{color:#d5d6d9}
.addBold{font-family:"ViBold","Helvetica","Arial",sans-serif !important}
.packdetailsSection .validityDay span{background:#fff;border-radius:12px;padding:2px 9px 3px 7px;font-size:12px;margin-right:0;line-height:16px;display:inline-block;max-width:200px}
.packdetailsSection .validityDay img{margin-right:9px;width:16px;height:17px}
.packdetailsSection h2.addBenefits{font-size:20px;line-height:20px;font-family:"ViBold","Helvetica","Arial",sans-serif;margin:20px 60px 24px}
.packdetailsSection .benefitsSection{margin:0 60px}
.packdetailsSection .parentDiv{width:40px;height:40px;margin-right:16px}
.packdetailsSection .benHead{font-size:16px;line-height:18px;font-family:"ViBold","Helvetica","Arial",sans-serif;margin-bottom:7px}
.packdetailsSection .benSubHead,.packdetailsSection .benContent{font-size:14px;line-height:16px;color:#797a86;margin:0}
.bubble{display:none}
.packInfo_drawer-open .bubble{cursor:pointer;display:block;top:65%;left:-10%;position:absolute}
.packInfo_drawer-open .bubble img{top:25%;left:45%;position:relative}
.packdetailsSection table.table.position-relative tbody tr{position:relative}
.packdetailsSection table.table.position-relative tbody tr:after{content:"";width:calc(100% - 40px);height:1px;position:absolute;border:0;left:0;right:0;background-color:#cadef8;margin:0 auto}
.benIcon{margin-right:16px}
.packInfo_drawer .wantBtn{width:150px;height:50px;margin:0 auto;display:block;font-size:16px;line-height:20px;border-radius:25px;color:#fff;font-family:"ViMedium","Helvetica","Arial",sans-serif;padding-bottom:10px}
.packInfo_drawer .badges-wrapper.desc-badge{background-color:#ffcc1b;border-radius:5px 5px 0 0;padding:6px 10px;margin:0 0 0 60px;width:max-content}
.packInfo_drawer .forScroll hr{margin:0}
.packInfo_drawer .badges-wrapper.desc-badge span{font-size:12px;line-height:16px;font-family:"ViBold","Helvetica","Arial",sans-serif;display:block;text-transform:lowercase;letter-spacing:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#2f3043}
.packsWrapper .packcardTitle:first-child{margin:60px 0 50px}
.packsWrapper .packcardTitle{margin:100px 0 50px}
.benefitsSection .media{margin:0 0 16px}
.packdetailsSection .benefitsSection .media-body{width:100%;word-wrap:break-word}
@media(max-width:768px){.packInfo_drawer-open .bubble{display:none}
.close{top:-42px;right:10px;width:32px;height:32px;position:absolute;opacity:1}
.close img{width:32px;height:32px}
.packInfo_drawer{width:100%;height:auto;top:unset}
.packInfo_drawer-right{right:0;bottom:-102%;top:calc(100vh + 40px)}
.packInfo_drawer-push{right:0;bottom:0}
.packInfo_drawer-right.packInfo_drawer-open{right:0;bottom:0;z-index:1032;border-radius:10px 10px 0 0;height:71%;top:unset}
.forScroll1{padding:20px 0}
.forScroll{height:58vh}
.packdetailsSection .packdetailsHeading{font-family:"ViHeavy","Helvetica","Arial",sans-serif;margin:0 20px 42px}
.packdetailsSection th:first-child{padding:20px 0 20px 24px}
.packdetailsSection td:first-child{padding:11.5px 0 11.5px 24px}
.packdetailsSection th:last-child{padding:16px 28px 16px 0}
.packdetailsSection td:last-child{padding:11.5px 28px 11.5px 0}
.packdetailsSection .table th:first-child{font-size:14px;line-height:17px}
.packdetailsSection .table td{font-size:12px;line-height:16px}
.packdetailsSection .validityDay img{margin-right:4px;width:16px;height:17px}
.packdetailsSection h2.addBenefits{font-size:16px;line-height:20px;margin:20px 20px 16px}
.packdetailsSection .benefitsSection{margin:0 20px;font-size:12px;line-height:16px}
.packdetailsSection .benHead{font-size:14px;line-height:18px;margin-bottom:5px}
.packdetailsSection .benSubHead,.packdetailsSection .benContent{font-size:12px;line-height:16px}
.packInfo_drawer .wantBtn{width:150px;height:40px;font-size:14px;line-height:18px;padding-bottom:10px}
.packInfo_drawer .badges-wrapper.desc-badge{top:66px;padding:2px 8px 4px 8px;margin-left:20px}
.packdetailsSection .table thead tr:last-child th:first-child{padding-left:25px}
.packInfo_drawer .badges-wrapper.desc-badge span{font-size:12px;display:block;text-transform:lowercase;letter-spacing:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.packdetailsSection .table thead tr:last-child th:last-child{padding:21px 28px 19px}
.vilWrapper{padding:0 20px}
.packsWrapper .packcardTitle:first-child{margin:40px 0 40px}
.packsWrapper .packcardTitle{margin:80px 0 40px}
}
.Hotstar_mobilenoentry h2{font-family:"ViBold";font-size:24px;font-weight:bold;line-height:1.08;color:#2f3043;margin:16px 0 12px}
.Hotstar_mobilenoentry p{font-family:"ViRegular";font-size:16px;font-weight:normal;line-height:1.25;color:#000;margin-bottom:32px}
.Hotstar_mobilenoentry .btnRecharge{width:150px;height:50px;background-color:#ee2737;border-radius:25px;font-family:"ViMedium";font-size:16px;font-weight:500;line-height:normal;text-align:center;color:#fff;margin:14px 0 0}
.Hotstar_mobilenoentry ::placeholder{color:#797a86;font-family:"ViRegular","Helvetica","Arial",sans-serif;font-size:18px}
.Hotstar_mobilenoentry .selectedpacksection input{color:#979797 !important}
.Hotstar_mobilenoentry .invalid-feedback,.enterOTPSection .invalid-feedback{color:#b30e0e !important}
.Hotstar_mobilenoentry{position:relative;margin:0}
.Hotstar_mobilenoentry .bootLabel{color:#797a86;font-size:12px;line-height:normal;pointer-events:none;overflow:hidden;white-space:nowrap;position:absolute;background:#fff;top:-8px;left:15px;height:20px;width:auto;padding:0 7px;z-index:1}
.Hotstar_mobilenoentry .form-control{height:60px;border:1px solid #d8d8d8;position:relative;border-radius:5px;font-size:16px;line-height:20px;font-family:"ViRegular","Helvetica","Arial",sans-serif;color:#2f3043}
.Hotstar_mobilenoentry .form-control::placeholder{letter-spacing:normal;text-align:left}
.Hotstar_mobilenoentry input:focus{box-shadow:none;border:solid 1px #d5d6d9}
.voda_wrapper button[disabled]{background:#d5d6d9 !important;border-color:#d5d6d9 !important;color:#fff}
.selectedpacksection{margin-bottom:26px;position:relative}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover,.close{opacity:1}
.cart-drawer-push{overflow-x:hidden;position:relative;right:0}
.cart-drawer{background:#fff;height:100%;position:fixed;top:0;width:504px}
.cart-drawer .row{height:100%}
.cart-drawer-right{right:-504px;padding:0}
.cart-drawer-right.cart-drawer-open{right:0;z-index:1031}
.cart-drawer,.cart-drawer-push{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}
.clickMe{cursor:pointer;display:inline-block;font-size:30px}
.arrow-icon{position:absolute;right:58px;top:25px}
#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:.5;z-index:1030}
.cart-drawer ::placeholder{color:#797a86;font-family:"ViRegular","Helvetica","Arial",sans-serif;font-size:16px}
.cart-drawer .enterOTPSection,.cart-drawer .entermobileNoSection,.cart-drawer .enterEmailSection{position:relative;margin:0;margin-bottom:16px}
.bubble{display:none}
.cart-drawer-open .bubble{cursor:pointer;display:block;top:65%;left:-10%;position:absolute}
.cart-drawer-open .bubble img{top:25%;left:46%;position:relative}
.drawer_open{overflow:hidden}
.cart-drawer-body{overflow:hidden;overflow-y:auto;height:100%;padding:50px 50px 0 50px}
.Hotstar_mobilenoentry img.clearAll{position:absolute;top:22px;right:16px;z-index:10;cursor:pointer;opacity:.6;display:none}
.cart-drawer .close{display:none}
p.TNC{font-size:16px;color:#2f3043}
p.TNC a{color:#ee2737;text-decoration:underline;font-size:14px}
@media screen and (max-width:767px){.mobileEntry{width:100%;padding:24px 24px 24px 20px;height:auto}
.Hotstar_mobilenoentry .form-control{width:100%}
.hotstar_mobileEntry h3{font-size:24px;line-height:28px;margin-bottom:8px}
.hotstar_mobileEntry>p{font-size:16px;line-height:20px;margin-bottom:24px}
.Hotstar_mobilenoentry{height:auto;width:100%}
.Hotstar_mobilenoentry{padding:20px}
.Hotstar_mobilenoentry h2{font-size:20px;line-height:1.2;margin:8px 0 8px}
.Hotstar_mobilenoentry p{font-size:14px;line-height:1.29;margin-bottom:30px;opacity:.9}
.Hotstar_mobilenoentry .btnRecharge{width:100%;height:40px;font-size:14px;margin:8px 0 0}
.cart-drawer-open .bubble{display:none}
.cart-drawer{width:100%;height:auto;top:unset;padding:0}
.cart-drawer .row{padding:20px;margin:0}
.cart-drawer .col.col-12{padding:0}
.cart-drawer-right{right:0;bottom:-102%}
.cart-drawer-push{right:0;bottom:0}
.cart-drawer-right.cart-drawer-open{right:0;bottom:0;z-index:1031;border-radius:10px 10px 0 0}
.cart-drawer .close{position:absolute;top:-40px;right:5px;display:block}
.cart-drawer-body{padding:0}
p.TNC{font-size:12px;color:#2f3043}
}
.accordionOuter{margin-bottom:30px}
.accordionOuter .card{border:0}
.accordionOuter .card h3{font-size:20px;line-height:2em;cursor:pointer}
.accordionOuter .card .card-header{height:60px;background-color:#fff;padding:10px}
.accordionOuter .card .card-header h3.collapsed{background-image:url(../hotstar/clientlib-hotstarFaq/images/Plus.png)}
.accordionOuter .card .card-header h3{background-image:url(../hotstar/clientlib-hotstarFaq/images/Minus.png);background-repeat:no-repeat;background-size:30px;background-repeat:no-repeat;background-size:30px;background-position-x:right;background-position-y:center}
.accordionOuter .card .card-body{max-height:auto;overflow:auto;background-color:#fff;z-index:10;width:100%;border:1px solid #999}
.accordionOuter .card-body{padding:0}
.accordionInner .card-body{padding:20px;background-color:#eff5fd}
.accordionInner .card .card-header h3.collapsed{background-image:url(../../../../../content/dam/vodafoneideadigital/postpaidbilpay/images/downarrow.svg);background-size:24px;background-repeat:no-repeat;background-position-x:right;background-position-y:center}
.accordionInner .card .card-header h3{background-image:url(../../../../../content/dam/vodafoneideadigital/postpaidbilpay/images/uparrow.svg);background-size:24px;background-repeat:no-repeat;background-position-x:right;background-position-y:center;padding:0 32px 0 0;cursor:pointer}
.showMore,.showMore:hover{color:#2f3043;width:150px;height:50px;font-size:16px !important;line-height:20px !important;margin-top:24px !important;border-radius:25px;background-color:transparent;border:1px solid #2f3043;padding:15px 40px;font-family:"ViMedium","Helvetica","Arial",sans-serif}
.accordionInner .card .card-header h3{font-size:18px;line-height:26px;color:#2f3043;font-family:"ViBold","Helvetica","Arial",sans-serif}
.accordionInner>h2{font-size:36px;line-height:38px;color:#2f3043;font-family:"ViBold","Helvetica","Arial",sans-serif;text-align:center;margin-bottom:40px}
.accordionInner .card-header{background-color:#eff5fd;border:0}
.accordionInner .card{border:0;border-bottom:1px solid rgba(0,0,0,0.125);border-radius:0;background-color:#eff5fd}
.accordionInner{background:#eff5fd;padding:40px 30px 24px;border-radius:10px;margin-bottom:80px}
.accordionInner a:hover{color:#2f3043}
.accordionInner table{max-width:100%}
.accordionInner td,.accordionInner th{padding:5px}
@media screen and (max-width:767px){.accordionInner{background:#fff;margin-bottom:60px;padding:0}
.accordionInner .card-header{background:#fff}
.accordionInner>h2{font-size:24px;line-height:28px}
.accordionInner .card-body{padding:15px;background-color:#fff}
.hotstarFaq{padding:0 20px}
.accordionInner table{width:100%}
}
.vilWrapper .commonBreadcrumb .container{padding:0;margin:0}
.commonBreadcrumb .container{padding:0;max-width:1232px}
#breadcrumbSection.row{margin-left:0;margin-right:0}
#breadcrumbSection .breadcrumb{background:0;padding:0;margin:0;display:unset}
#breadcrumbSection .breadcrumb-item{display:inline}
#breadcrumbSection .breadcrumb a{color:#2f3043;text-decoration:none;font-family:"ViRegular","Helvetica","Arial",sans-serif;font-size:12px;line-height:14px}
#breadcrumbSection .breadcrumb .breadcrumb-item+.breadcrumb-item::before{padding-left:.2em;padding-right:.2em;font-size:16px}
#breadcrumbSection .breadcrumb .breadcrumb-item+.breadcrumb-item{padding:0}
#breadcrumbSection .breadcrumb .breadcrumb-item:last-child a,#breadcrumbSection .breadcrumb .breadcrumb-item:last-child{color:#797a86}
#breadcrumbSection{margin-top:24px;margin-bottom:12px}
.breadcrumb-item+.breadcrumb-item::before{background-image:url('../../../../../content/dam/vodafoneideadigital/images1/breadcrumbarrow.png');background-size:18px 18px;display:inline-block;width:18px;height:18px;content:"";padding:0 4px;vertical-align:bottom}
#breadcrumbSection .mobPad{padding:0}
@supports(-ms-ime-align:auto){#breadcrumbSection{margin-top:24px}
}
@media(max-width :767.98px){.commonBreadcrumb .container{padding:0 20px}
#breadcrumbSection .breadcrumb .breadcrumb-item+.breadcrumb-item::before{padding-left:.2em !important;padding-right:.2em !important;font-size:14px !important}
#breadcrumbSection .leftPadding{padding:0}
}
.neft-landing-page~.impthings2do .card-body{height:auto}
.accordionImp{margin-bottom:0;color:#2f3043}
.accordionImp .card{border:0}
.accordionImp .card h1,.accordionImp .card h2,.accordionImp .card h3,.accordionImp .card h4,.accordionImp .card h5{font-family:"ViBold","Helvetica","Arial",sans-serif;font-size:18px;line-height:24px}
.accordionImp .card-body a,.accordionImp .card-body a:hover{color:#2f3043;text-decoration:underline;line-height:18px;font-size:16px;font-family:"ViBold","Helvetica","Arial",sans-serif}
.accordionImp .card .card-header{background:#fff;padding:0;cursor:pointer}
.accordionImp .card .card-header.collapsed h2{background-image:url(../../../../../content/dam/vodafoneideadigital/postpaidbilpay/images/downarrow.svg);background-size:24px;padding-right:20px}
.accordionImp .card .card-header h2{background-image:url(../../../../../content/dam/vodafoneideadigital/postpaidbilpay/images/uparrow.svg);background-repeat:no-repeat;background-position-x:right;background-position-y:center;background-size:24px;padding:16px 24px}
.accordionImp .card .card-header.collapsed h3{background-image:url(../../../../../content/dam/vodafoneideadigital/postpaidbilpay/images/downarrow.svg);background-size:24px;padding-right:20px}
.accordionImp .card .card-header h3{background-image:url(../../../../../content/dam/vodafoneideadigital/postpaidbilpay/images/uparrow.svg);background-repeat:no-repeat;background-position-x:right;background-position-y:center;background-size:24px;padding:16px 24px}
.accordionImp .card .card-body{background-color:#fff;z-index:10;width:100%;padding:20px}
.accordionImp .card .card-body p{font-size:16px;line-height:18px;margin:8px 0;color:#2f3043}
.accordionImp .card .card-body .iconwithtext p.noMargin{margin:0}
.accordionImp .card .card-body ul li{font-size:16px;line-height:18px;color:#2f3043}
.accordionImp .card .card-body p b{font-family:"ViBold","Helvetica","Arial",sans-serif;font-weight:normal;font-size:16px;line-height:20px}
.faqclientlib .accordionImp .card .card-header{padding:16px 16px 16px 16px}
.faqclientlib .accordionImp .card-header{border-bottom:0 solid #000}
.faqclientlib .accordionImp .card-header:first-child{border-radius:0}
.faqclientlib #imp2do.container,.faqclientlib #imp2do.container [class^="col-"]{padding-left:0}
.faqclientlib .accordionImp .card .card-body{padding-left:24px}
@media(max-width:767.98px){.accordionImp .card .card-header{height:auto;padding:15.5px 16px 15px 0}
.accordionImp .mobPad{padding:0}
.accordionImp .card .card-header h2{padding:0 25px 0 0;background-size:24px}
}
[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}
}
.hotstarFaq{background-color:#121834}
.accordionInner{background-color:#2f3043}
.accordionInner .card{background-color:#2f3043;border-bottom:1px solid #fff}
.accordionInner .card-header{background-color:#2f3043}
.accordionInner .card .card-header h3{color:#fff}
.accordionInner .card-body{background-color:#2f3043;color:#fff}
.accordionInner>h2{color:#fff}
.accordionInner .card .card-header h3.collapsed{background-image:url(../../../../../content/dam/vodafoneideadigital/redx/down-arrow.svg)}
.accordionInner .card .card-header h3{background-image:url(../../../../../content/dam/vodafoneideadigital/redx/up-arrow.svg)}
.showMore,.showMore:hover{color:#fff;background-color:#131b22;border:1px solid #fff}
.accordionInner .card-body p a span{color:#fff;margin:0}
.accordionInner .card-body p a{color:#fff}
@media screen and (max-width:767px){.hotstarFaq{padding:0}
.accordionInner{padding:20px 14px 20px}
.accordionInner .card-header{padding:.75rem 0}
}
[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%}
dialog#quickPayPopUp[open].quickPayPopUp>.sidebar-arrow{display:none}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body .closeIcon{display:none}
dialog#quickPayPopUp[open].quickPayPopUp img.closeIcon{border-radius:50px;background-color:#fff;padding:4px;cursor:pointer;align-self:flex-end;margin:0 10px 10px 0}
dialog#quickPayPopUp[open].quickPayPopUp .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}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body::-webkit-scrollbar{width:6px;border-radius:4px}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;margin:10px}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body::-webkit-scrollbar-thumb{background:#595969;border-radius:4px}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body::-webkit-scrollbar-thumb:hover{background:#d5d6d9;cursor:pointer}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body .heading{font-size:24px;line-height:28px;font-family:"ViBold";color:#2f3043;margin:0;text-align:center}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body .itemsWrapper{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;width:100%}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body .itemsWrapper .item{display:grid;grid-template-columns:40px 1fr 48px;grid-gap:0 12px;width:100%}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body .itemsWrapper .item .itemIcon{grid-column:1/2;grid-row:1/3;width:40px;height:40px;align-self:center}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body .itemsWrapper .item .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}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body .itemsWrapper .item .itemSubHeading{grid-column:2/3;grid-row:2/3;font-size:12px;line-height:16px;margin:0;font-family:"ViMedium";color:#595969}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body .itemsWrapper .item .itemSubHeading.hasError{color:#ee2737}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body .itemsWrapper .item .itemSubHeading .offerTNC{text-decoration:underline;font-family:"ViBold"}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body .itemsWrapper .item .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}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body .itemsWrapper .item:not(:first-child){display:none}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body .itemsWrapper .item.noOffer .itemTitle{grid-row:1/3;align-self:center}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body .itemsWrapper .item.noOffer .itemSubHeading{display:none}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body .amountSection{position:relative;padding:16px 0 0 0;width:100%;display:flex;flex-direction:column}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body .amountSection::before{content:"";position:absolute;top:0;left:-20px;width:calc(100% + 40px);height:1px;background-color:#d5d6d9}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body .amountSection p.payableAmount{width:100%;display:flex;justify-content:space-between;align-items:flex-start;margin:0 0 18px 0}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body .amountSection p.payableAmount .title{font-family:"ViBold"}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body .amountSection p.payableAmount .value{font-family:"ViBold"}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body .amountSection 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}
dialog#quickPayPopUp[open].quickPayPopUp .popup_body .amountSection button.quickPayCTA:focus{outline:0}
dialog#quickPayPopUp[open]::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:rgba(17,22,34,0.6);background-repeat:no-repeat;background-position:center;left:0;bottom:0;right:0;top:0;background-size:127px}
#divLoadingPaymentStatus.show: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){#divLoadingPaymentStatus.show{background-size:60px;background-color:rgba(17,22,34,0.8)}
}
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%}
dialog#quickPayOfferTNC[open] 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}
dialog#quickPayOfferTNC[open] svg#close-icon rect{fill:#111622}
dialog#quickPayOfferTNC[open] .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}
dialog#quickPayOfferTNC[open] .popupBody::-webkit-scrollbar{width:6px;border-radius:4px}
dialog#quickPayOfferTNC[open] .popupBody::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;margin:10px}
dialog#quickPayOfferTNC[open] .popupBody::-webkit-scrollbar-thumb{background:#595969;border-radius:4px}
dialog#quickPayOfferTNC[open] .popupBody::-webkit-scrollbar-thumb:hover{background:#d5d6d9;cursor:pointer}
dialog#quickPayOfferTNC[open] .popupBody .heading{font-size:24px;line-height:28px;font-family:"ViBold";color:#2f3043;margin:0;text-align:center}
dialog#quickPayOfferTNC[open] .popupBody ul{padding:0 0 0 10px;color:#595969;margin:0}
dialog#quickPayOfferTNC[open] .popupBody ul li{font-size:12px;line-height:16px;padding:0;margin:0}
dialog#quickPayOfferTNC[open]::backdrop{background-color:#111622;opacity:.8}