@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css');@font-face{font-family:dinpro-regular;src:url("../../../../../etc.clientlibs/dishtv-aem-web-platform/components/dishTv/flexxiottmodal/clientlib/resources/fonts/DINPro-Regular.woff")}
@font-face{font-family:DinPro-Medium;src:url("../../../../../etc.clientlibs/dishtv-aem-web-platform/components/dishTv/flexxiottmodal/clientlib/resources/fonts/DINPro-Medium.woff")}
@font-face{font-family:Dinpro-Bold;src:url("../../../../../etc.clientlibs/dishtv-aem-web-platform/components/dishTv/flexxiottmodal/clientlib/resources/fonts/DINPro-Bold.woff")}
#flexiOttPopupmodal section *,.thanksmodal section *{color:#fff}
.flexxiottmodal{font-family:'Dinpro-Regular'}
.viewmoretarget,.offerDBmore{text-align:center;cursor:pointer;margin-bottom:10px;font-size:14px;color:#fff}
.Popupmodal .pluspop{text-align:center}
.thanksmodal.Popupmodal section{max-width:460px}
#flexiOtt-claim-btn-upgrade{display:none}
#UpgradeSmartPlus{display:none}
#SmartPlus-recharge-now{display:none}
#flexiOttPopupmodal section,.thanksmodal section{background:#000 !important}
.thanksmodal .congratescntnt{text-align:center}
.thanksmodal .congratescntnt h6{font-size:15px;line-height:1.6;opacity:.6;margin:1rem 0}
.thanksmodal .congratescntnt .btn{margin:0 auto}
.flexiOttAditionalPackModal li:nth-child(1),.flexiOttAditionalPackModal li:nth-child(2),.flexiOttAditionalPackModal li:nth-child(3),.flexiOttAditionalPackModal li:nth-child(4){display:block}
.Popupmodal ul li{list-style:none;width:13%;padding:0;margin:.5rem .5%;border:0;box-sizing:border-box;text-align:center}
.flexiOttAditionalPackModal li{position:relative;cursor:pointer;display:none}
.flexiOttAditionalPackModal li:before{content:"\f0c8";z-index:2;position:absolute;right:-6px;top:0;font-family:'FontAwesome';font-weight:400;font-size:13px;color:#fff;opacity:.4}
.Popupmodal ul li img{object-fit:cover;object-position:center}
.Popupmodal ul li img{max-width:50px;height:50px;margin:0 auto;display:inline-block;float:none;border:0;border-radius:0;border:1px solid #fff;box-shadow:0 0 3px 0 #999}
#flexiOttPopupmodal section .btn:hover,.thanksmodal .btn:hover{background-color:#fff;color:#000 !important}
.viewmoretarget span:hover,.offerDBmore span:hover{color:#f15922 !important}
.flexiOttAditionalPackModal li.active:before{color:#f15922;opacity:1}
.flexiOttAditionalPackModal li.active:before{content:"\f14a"}
.input-no-otp-popup .cmp-multitv-popup .multitv-popup-component{top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;height:unset !important;max-height:663px !important}
@media(width <= 479px){.Popupmodal section{padding:1rem !important;height:auto !important}
.Popupmodal h2{float:none;width:96%;margin:0 auto 10px}
ul#flexiOttBasePackModal li{width:18%;margin:0 0 2px}
}
@media(width <= 500px){.thanksmodal .btn.desktop{display:none}
.flexxiottmodal .btn{font-size:15px !important;padding:8px 10px !important;margin:0 4px}
.flexxiottmodal .mobile{display:block !important}
.Popupmodal ul li{width:24%}
}
@media(width <= 1030px){.Popupmodal section{overflow:hidden;overflow-y:scroll;height:auto}
}
@media(501px <= width <= 800px){.thanksmodal .btn{font-size:15px;padding:8px 9px;margin:0 4px;width:190px}
}
@media(801px <= width <= 1360px){.flexxiottmodal .btn{font-size:14px !important;width:200px;padding:8px 0 !important}
}
@media(1361px <= width <= 1480px){.flexxiottmodal .btn{font-size:15px !important;width:230px;padding:10px 0 !important}
}
@media(1481px <= width <= 1680px){.flexxiottmodal .btn{font-size:18px !important;width:270px}
}
.d2hpage .cmp-multitv-popup .multitv-popup-component .cmp-multitv-card .cmp-input-field a{background:#5c258d !important}
.d2hpage .cmp-multitv-popup .multitv-popup-component .cmp-multitv-card .button{background-color:#5c258d !important}
#flexiOttPopupmodal section *,.thanksmodal section *{color:#fff}
#flexiOttPopupmodal section,.thanksmodal section{background:#000}
.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}
.Popupmodal{display:none;z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background:#000;background:rgba(39,39,39,0.7)}
.Popupmodal section{display:block;z-index:2;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);overflow-y:auto;background:#fff;width:95%;max-width:600px;height:auto;max-height:90%;margin:0 auto;padding:2rem;box-sizing:border-box;border-radius:5px}
.Popupmodal aside{z-index:3;position:absolute;right:5px;top:5px;width:27px;height:27px;font-size:16px;line-height:27px;border-radius:50%;margin:0;padding:0;color:#fff;background:#5c258d;text-decoration:none;text-align:center;cursor:pointer;box-shadow:0 5px 3px 0 #00000036}
.Popupmodal h2{padding:0;margin:0;width:100%;float:left;text-align:center;margin-bottom:10px;line-height:1.2;font-size:18px;font-family:'DinPro-Medium';color:#000}
.Popupmodal h5{display:inline-block;width:100%;text-align:center;margin:0}
.Popupmodal ul{margin:1rem 0;padding:0;width:100%;float:left;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap}
.Popupmodal .alertmessage{font-size:14px;margin-bottom:12px;text-align:center;color:red !important;font-weight:600}
.viewmoretarget,.offerDBmore{text-align:center;cursor:pointer;margin-bottom:10px;font-size:14px;color:#fff}
.Popupmodal .pluspop{text-align:center}
.Popupmodal .btn{width:100px !important;border:0;margin:0 auto !important;background:#5c258d}
.Popupmodal .pluspop:before{content:"";width:20px;height:20px;background-image:url(data:image/png;base64,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);background-size:contain !important;background-repeat:no-repeat;display:inline-block;margin:0 auto}
@media only screen and (min-width:1480px){.Popupmodal .btn{font-size:15px;width:230px;padding:10px 0}
}
@media only screen and (min-width:1680px){.Popupmodal .btn{font-size:15px;width:230px;padding:10px 0}
}
.Popupmodal .btn{display:flex;background:#5c258d !important;border-radius:10px;cursor:pointer;color:#fff;width:290px !important;font-size:20px;line-height:23px;padding:14px 0;font-family:'DinPro-Medium';text-shadow:none;font-weight:500;margin:20px 10px 0;text-decoration:none;align-items:center;justify-content:center}
.desktopmessageoffer{width:100%}
.d2hpage .messagebox{background:linear-gradient(to right,#4b0985,#8255a9,#dec525,#2ba6de) !important}
.messagebox{padding:20px 40px;text-align:center}
.smartoffercontainer{margin:0 auto;width:96%;max-width:1390px;padding:0 20px}
.messagebox .boxcontent{display:flex;align-items:center;justify-content:space-between}
.messagebox .boxcontent p{text-align:left;width:76%;font-size:16px;padding-right:20px;font-weight:600;text-shadow:none;font-family:'Dinpro-regular';margin-block-start:1em;margin-block-end:1em;color:#fff !important}
.messagebox .btn{width:auto;display:inline-block;padding:6px 12px !important;border:0;margin-left:auto;margin-right:auto;margin-bottom:15px;margin-top:10px}
.messagebox .btn{color:#fff;border-radius:10px;line-height:23px;font-family:'DinPro-Medium';text-shadow:none;font-weight:500;text-decoration:none}
.messagebox .btn:hover{background:#fff;color:#000 !important}
.messagebox .btn{background:#000;cursor:pointer}
@media(width <=800px){.messagebox{padding:16px 10px;text-align:center}
.messagebox .btn{font-size:15px}
.smartoffercontainer{margin:0 auto;width:100%;max-width:100%;padding:0 10px;box-sizing:border-box}
.desktopmessageoffer{width:100%;padding:0}
}
@media(801px <=width <=1030px){.messagebox .btn{font-size:18px !important}
}
@media(1031px <=width <=1360px){.messagebox .btn{font-size:14px !important}
}
@media(1361px <=width <=1480px){.messagebox .btn{font-size:15px !important}
}
@media(1481px <=width <=1680px){.messagebox .btn{font-size:18px}
}
@media(width <=1680px){.messagebox p{margin-bottom:10px}
}
@media(width <=500px){.messagebox .boxcontent,#DishSmrtUserflag2 .boxcontent{flex-wrap:wrap;justify-content:center !important}
.messagebox .boxcontent p{width:100%;padding:0}
.messagebox .boxcontent p{text-align:center}
.messagebox .btn{margin:10px 2px}
.messagebox .btn{font-size:15px}
}