.cmp-singlechannels__left-container{width:19%;display:flex;flex-direction:column;gap:2px;background:#272727;border-top-left-radius:20px;border-bottom-left-radius:20px}
.mera-apna-pack--channel-cards-wrapper{padding:10px;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;padding-top:20px;max-height:600px}
.mera-apna-pack{padding-bottom:60px}
.mera-apna-pack-tabs{cursor:pointer}
.cmp-singlechannels-left-item-link{display:flex;flex-direction:row;align-items:center;padding:27px 40px;gap:10px;width:100%;border-bottom:1px solid rgba(255,255,255,0.12);border-radius:0;color:white;font-size:14px;font-weight:700}
.cmp-singlechannels-left-item-link :hover{cursor:pointer}
.cmp-singlechannels__left-item:last-child .cmp-singlechannels-left-item-link{border:0}
.cmp-singlechannels-left-item-link.active{background:linear-gradient(to right,#5b2b8e 0,#4485a1 100%);border:0}
@media only screen and (max-width:850px){.mera-apna-pack{height:auto}
.mera-apna-pack--channel-cards-wrapper{grid-template-columns:1fr}
}
.mera-apna-pack-tabs{cursor:pointer}
.mera-apna-pack-tabs:first-child{border-top-left-radius:12px}
.mera-apna-pack-tabs:last-child{border-bottom-left-radius:12px}
@media only screen and (max-width:850px){.mera-apna-pack-tabs:last-child{border-bottom-left-radius:0}
}
.mera-apna-pack .mera-apna-pack--main-box{width:90%;margin:0 auto;padding-bottom:0}
.mera-apna-pack.active .mera-apna-pack--main-box{padding-bottom:40px}
.cmp-managemypack-title-container{padding-top:40px;margin-bottom:30px;margin-left:20px;display:flex;justify-content:space-between}
.mera-apna-pack--channel-combo-cards-free-disabled{pointer-events:none;background:#f5f5f5}
.mera-apna-pack .mera-apna-pack--main-box .mera-apna-pack--items-box{border-radius:20px;background:linear-gradient(107deg,#fff -4.25%,#fff 98.96%);width:100%;height:fit-content;display:flex;justify-content:space-between;flex-shrink:0;margin:0;padding:0}
@media screen and (max-width:850px){.mera-apna-pack .mera-apna-pack--main-box .mera-apna-pack--items-box .mera-apna-pack--menu-part1 .mera-apna-pack-tabs{height:80px}
.cmp-managemypack-title-container{flex-direction:column;margin-left:0}
}
.mera-apna-pack .mera-apna-pack--main-box .mera-apna-pack--items-box .mera-apna-pack--menu-part1 .mera-apna-pack-tabs.active{background:linear-gradient(129deg,#fdbb17 2.62%,#ff5a12 54.49%,#bc137a 102.5%)}
.mera-apna-pack .mera-apna-pack--main-box .mera-apna-pack--items-box .mera-apna-pack--menu-part1 .mera-apna-pack-tabs.active .mera-apna-pack-headings .mera-apna-tab-badges{border-radius:100px;background-color:#fff;width:40px;text-align:center;height:19px;color:#f04c23}
.mera-apna-pack .mera-apna-pack--main-box .mera-apna-pack--items-box .mera-apna-pack--menu-part1 .mera-apna-pack-tabs .mera-apna-pack-headings{color:#fff;font-family:Roboto;font-size:16px;font-weight:500;line-height:normal;display:flex;gap:5px;margin-bottom:8px;margin-left:20px}
.mera-apna-pack .mera-apna-pack--main-box .mera-apna-pack--items-box .mera-apna-pack--menu-part1 .mera-apna-pack-tabs .mera-apna-pack-headings .mera-apna-tab-badges{border-radius:100px;color:#fff;width:40px;height:19px;background-color:#f04c23;text-align:center}
.mera-apna-pack .mera-apna-pack--main-box .mera-apna-pack--items-box .mera-apna-pack--menu-part1 .mera-apna-pack-tabs .mera-apna-pack-description{color:#fff;font-family:Roboto;font-size:12px;opacity:.7;font-weight:100;line-height:normal;margin-left:20px;letter-spacing:.6px}
.mera-apna-pack--menu-part2{width:100%}
.mera-apna-pack--menu-lower{padding:10px;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;padding-top:20px;max-height:600px}
@media only screen and (max-width:1350px){.mera-apna-pack--menu-lower{grid-template-columns:1fr 1fr}
}
@media only screen and (max-width:850px){.mera-apna-pack--menu-lower{padding-top:20px;max-height:unset}
}
.mera-apna-pack--channel-cards{display:flex;justify-content:space-between;padding:10px;flex-direction:column;align-items:flex-start;border-radius:6px;position:relative;border:1px solid #e0e0e0;background:#fff;min-height:105px}
.mera-apna-pack--channel-cards-container{display:flex;justify-content:start;align-items:center;max-width:92%}
.pack-lock-period,.pack-remaining-lock-period{font-size:11px;color:#444;font-weight:300;width:100%;text-align:center;margin:6px 0 0;display:flex;justify-content:center;align-items:center;flex-direction:column;line-height:1.2;white-space:nowrap}
.mera-apna-pack--channel-image{width:75px}
@media only screen and (max-width:850px){.mera-apna-pack--channel-image{width:65px}
}
.mera-apna-pack--channel-description{padding-left:13px}
.mera-apna-pack--filter-button-container{display:flex}
@media only screen and (max-width:850px){.mera-apna-pack--channel-description{padding-left:22px}
.mera-apna-pack--filter-button-container{position:absolute;top:51px;right:10%}
.mera-apna-pack--filter-button-text{display:none}
.custom-select{width:45%;margin-left:-15%}
}
.mera-apna-pack--channel-description .mera-apna-pack--channel-name{color:#444;font-family:Roboto;font-size:13px;font-style:normal;font-weight:700;padding-bottom:5px}
.mera-apna-pack--channel-description .mera-apna-pack--channel-price{color:#444;font-family:Roboto;font-size:18px;opacity:.6;font-style:normal;font-weight:100;line-height:105.469%}
.mera-apna-pack--channel-button{position:absolute;right:0}
.mera-apna-pack__view-channel-button{color:#5c258d !important;font-family:Roboto;font-size:13px;font-style:normal;font-weight:500;line-height:40px;border:0;background-color:transparent;letter-spacing:.65px;text-transform:uppercase;cursor:pointer}
.cmp-singlechannels-left-item-link{display:flex;flex-direction:column;align-items:center;text-align:center}
.mera-apna-pack{background-color:#000}
.channels-container div{display:flex}
.row-container{background-color:white;padding:30px 0;display:flex;justify-content:center;align-items:center}
.mera-apna-pack--proceed-button{min-width:150px;background:grey;border-radius:4px;box-shadow:0 4px 10px rgba(56,56,56,0.2);font-size:14px;font-weight:700;color:#d9d9d9;border:0;padding:15px 30px;font-size:14px;font-weight:bold;text-transform:uppercase;border-radius:5px;cursor:pointer}
.custom-checkbox-row-btn{position:relative;border:0;background-color:transparent}
.custom-checkbox-row-btn:hover::after{position:absolute;content:"This is a free mandatory channel you must have in your pack";width:219px;height:65px;right:0;top:30px;background:#333;border-radius:12px;stroke-width:1px;stroke:#333;color:white;font-size:12px;font-family:"Roboto";display:flex;align-items:center;justify-content:center;filter:drop-shadow(2px 4px 4px rgba(169,169,169,0.25))}
.mera-apna-pack--channel-cards:hover{border-radius:6px;border:1px solid #ff5a12;background:linear-gradient(108deg,#fff -3.57%,#fff 98.26%);box-shadow:0 4px 15px 0 rgba(0,0,0,0.1)}
.cutsom-checkbox-row input[type="checkbox"]{margin:0;opacity:0}
.cutsom-checkbox-row{position:relative;margin-bottom:15px}
.cutsom-checkbox-row input[type="checkbox"] + label{padding-left:17px;display:inline-block;margin-bottom:.5rem}
.cutsom-checkbox-row input[type="checkbox"] + label::before{border-color:#ddd;border-radius:4px;border-style:solid;border-width:1px;content:"";cursor:pointer;display:inline-block;height:25px;left:0;position:absolute;width:25px}
.cutsom-checkbox-row input[type="checkbox"] + label::before{border-radius:3px;background-image:url("../../../../../etc.clientlibs/dishtv-aem-web-platform/clientlibs/clientlib-site/resources/images/Add.svg");background-repeat:no-repeat;background-size:contain;border:0;width:36px;height:36px;left:-10px;top:0}
.cutsom-checkbox-row input[type="checkbox"]:checked + label::before{border-color:#3bb6b6;border-style:dotted}
.cutsom-checkbox-row input[type="checkbox"]:checked + label::before{background-color:#4cc0ac !important;border-style:solid;transform:scale(1);border-color:#fbebeb;background-image:none;width:20px;height:20px;position:absolute;top:8px;left:-3px;border-radius:3px}
.cutsom-checkbox-row input[type="checkbox"]:checked + label::after{transform:scale(1);opacity:1}
.cutsom-checkbox-row input[type="checkbox"]:checked + label::after{color:white;content:"\f00c";cursor:pointer;font-family:"FontAwesome";left:-1.5px;position:absolute;top:6px;transform:scale(1);font-size:16px}
.cutsom-checkbox-row input[type="checkbox"] + label::after{transform:scale(1);opacity:0}
.cutsom-checkbox-row input[type="checkbox"] + label::after{content:"";transform:scale(1)}
.cutsom-checkbox-row input[type="radio"]{margin:0;opacity:0}
.cutsom-checkbox-row{position:relative;margin-bottom:15px}
.cutsom-checkbox-row input[type="radio"] + label{padding-left:17px;display:inline-block;margin-bottom:.5rem}
.cutsom-checkbox-row input[type="radio"] + label::before{border-color:#ddd;border-radius:4px;border-style:solid;border-width:1px;content:"";cursor:pointer;display:inline-block;height:25px;left:0;position:absolute;width:25px}
.cutsom-checkbox-row input[type="radio"] + label::before{border-radius:0;background-image:url("../../../../../etc.clientlibs/dishtv-aem-web-platform/clientlibs/clientlib-site/resources/images/Add.svg");background-repeat:no-repeat;background-size:contain;border:0;width:36px;height:36px;left:-10px;top:0}
.cutsom-checkbox-row input[type="radio"]:checked + label::before{border-color:#3bb6b6;border-style:dotted}
.cutsom-checkbox-row input[type="radio"]:checked + label::before{background-color:#4cc0ac;border-style:solid;transform:scale(1);border-color:#fbebeb;background-image:none;width:20px;height:20px;position:absolute;top:8px;left:-3px;border-radius:2px}
.cutsom-checkbox-row input[type="radio"]:checked + label::after{transform:scale(1);opacity:1}
.cutsom-checkbox-row input[type="radio"]:checked + label::after{color:white;background-color:#4cc0ab;content:"\f00c";cursor:pointer;font-family:"FontAwesome";left:1px;position:absolute;top:11px;transform:scale(1);font-size:13px}
.cutsom-checkbox-row input[type="radio"] + label::after{transform:scale(1);opacity:0}
.cutsom-checkbox-row input[type="radio"] + label::after{content:"";transform:scale(1)}
.mera-apna-pack--channel-combo-cards{border-radius:6px;min-height:130px;display:flex;flex-direction:column;align-items:self-start;gap:14px;justify-content:center;padding:15px 40px;border:1px solid var(--Gray-5,#e0e0e0)}
.remaining-lockin-unselectable{background-color:#eee}
.pack-in-lockin-period{pointer-events:none;cursor:not-allowed;filter:contrast(0.7)}
.disabled-mmp-pack{pointer-events:none;cursor:not-allowed;filter:contrast(0.7)}
.remaining-lockin-unselectable input[type="checkbox"]+label,.remaining-lockin-unselectable input[type="checkbox"]{pointer-events:none}
.mera-apna-pack--channel-combo-cards.active{border-radius:6px;border:1px solid #ff5a12;background:linear-gradient(108deg,#fff -3.57%,#fff 98.26%);box-shadow:0 4px 15px 0 rgba(0,0,0,0.2)}
.mera-apna-pack--channel-combo-cards:hover{border:1px solid #ff5a12;box-shadow:0 4px 15px 0 rgba(0,0,0,0.2)}
.mera-apna-pack--upper-content{display:flex;justify-content:space-between;align-items:start;width:100%}
.combo-title{color:#444;font-size:14px;font-weight:700;line-height:105.469%}
.combo-paragraph{color:#878787;font-size:16px;font-weight:400;margin-top:8px}
.mera-apna-pack--lower-content{display:flex;width:100%;align-items:center}
.mera-apna-pack--menu-lower--variation-two{width:100%;padding:20px;display:flex;gap:20px;flex-wrap:wrap;overflow:auto;max-height:600px;justify-content:center}
@media only screen and (max-width:850px){.mera-apna-pack--menu-lower--variation-two{flex-wrap:nowrap;max-height:unset}
}
.checkbox-container{position:relative;padding-left:35px;cursor:pointer;color:#f04c23;font-family:Roboto;font-size:13px;font-style:normal;font-weight:500;line-height:26px;letter-spacing:.65px;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.mera-apna-pack__view-channel-button{color:#f04c23;font-family:Roboto;font-size:13px;font-style:normal;font-weight:500;line-height:40px;border:0;background-color:transparent;letter-spacing:.65px;margin-left:30px;cursor:pointer}
.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;transition:all .5s ease-in-out;border-radius:4px;border:1px solid rgba(0,0,0,0.6);opacity:.5;background:rgba(255,255,255,0.3)}
ul{list-style:none}
.checkbox-container:hover input ~ .checkmark{background-color:#ccc}
.checkbox-container input:checked ~ .checkmark{background-color:#4cc0ab;transition:all .5s ease-in-out;opacity:1}
.checkmark:after{content:"";position:absolute;display:none}
.checkbox-container input:checked ~ .checkmark:after{display:block}
.checkbox-container .checkmark:after{left:10px;top:7px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.mera-apna-pack-leftpart-tabs{padding-left:40px !important}
@media screen and (max-width:800px){.mera-apna-pack-leftpart-tabs{padding-left:0 !important}
}
@media screen and (max-width:1100px){.mera-apna-pack--menu-lower{grid-template-columns:1fr 1fr}
}
@media screen and (max-width:900px){.mera-apna-pack--menu-lower{grid-template-columns:1fr}
}
@media screen and (min-width:600px) and (max-width:900px){.mera-apna-pack--menu-upper{padding-left:10px;padding-right:10px}
.mera-apna-pack-input-box{width:35%}
.mera-apna--pack--menu-upper-inside_tools{width:65%}
.custom-select{width:34%}
.custom-select select{padding-left:10px}
}
@media screen and (max-width:850px){.cmp-singlechannels__left-item{width:50%}
.mera-apna-pack{height:auto;padding:0;margin-bottom:50px;position:relative}
.mera-apna-pack.active{margin-bottom:0}
.mera-apna-pack--footer-box{height:126px;z-index:2}
.mera-apna-pack .mera-apna-pack--main-box{width:100%;padding:0;margin:0}
.mera-apna-pack.active .mera-apna-pack--main-box{padding:0}
.mera-apna-pack--channel-combo-cards{border-radius:6px;display:flex;flex-direction:column;align-items:self-start;gap:20px;justify-content:center;padding:11px;width:100%;border-radius:6px;border:1px solid var(--Gray-5,#e0e0e0)}
}
#combo-card-parent .mera-apna-pack--lower-content{display:flex;flex-direction:column !important;align-items:unset}
#combo-card-parent .checkbox-container{padding-left:unset;font-size:14px;color:#fff}
#combo-card-parent .mera-apna-pack__view-channel-button{padding-left:unset;margin-left:unset;text-align:left;margin-bottom:20px !important}
#combo-card-parent .checkbox-container .checkmark{left:80px !important}
.mera-apna-pack--lower-container{display:flex;justify-content:space-between;width:100%;align-items:end}
.mera-apna-pack--lower-content-label-container{order:2;display:flex;justify-content:space-between}
#combo-card-parent .custom-checkbox-row-container{display:flex;align-items:center}
#combo-card-parent .custom-checkbox-row-container p{font-size:14px;font-weight:500;color:#fff}
#combo-card-parent .cutsom-checkbox-row{margin-bottom:0;position:unset}
#combo-card-parent .cutsom-checkbox-row input[type="checkbox"] + label::before{background-image:unset;height:20px !important;width:20px !important;bottom:-8px;right:0;top:-9px;left:unset;background:white;border:1px solid #b1b1b1}
#combo-card-parent .cutsom-checkbox-row input[type="checkbox"]:checked + label::after{top:-9px}
#combo-card-parent .cutsom-checkbox-row label{position:relative}
#combo-card-parent .mera-apna-pack--channel-combo-cards{background:#333}
#combo-card-parent .combo-title{color:#fff;font-size:16px;font-weight:600;line-height:unset}
#combo-card-parent .combo-paragraph{color:#fff;font-size:14px;font-weight:400;margin-top:8px;opacity:.6}
#combo-card-parent .mera-apna-pack__view-channel-button{margin:0 auto;border-bottom:1px solid #f04c23;margin-left:0;padding:0;line-height:unset;text-align:left;font-size:18px !important;font-weight:500!}
#combo-card-parent .asterisk-price{font-size:20px;font-weight:600;color:#fff}
#combo-card-parent .mera-apna-pack--channel-combo-cards{padding:20px}
#combo-card-parent .checkbox-container .checkmark:after{all:unset}
#combo-card-parent .checkbox-container input{cursor:pointer;height:20px;width:20px;opacity:0;z-index:1;position:relative}
#combo-card-parent .checkbox-container .checkmark{width:20px;height:20px;display:block;border:1px solid #b1b1b1;border-radius:3px;position:absolute;top:50%;opacity:1;transform:translatey(-50%);background:#fff}
#combo-card-parent .checkbox-container input:checked ~ .checkmark{background-color:#4cc0ab}
#combo-card-parent .checkbox-container input:checked ~ .checkmark::after{color:white;content:"\f00c";cursor:pointer;font-family:"FontAwesome";left:1px;top:-3px;position:absolute;font-size:16px}
#combo-card-parent .pack-remaining-lock-period p{font-size:10px;color:#fff;opacity:.8}
#combo-card-parent .pack-remaining-lock-period{display:none}
#add-on-packs-card-parent .mera-apna-pack--lower-content{display:flex;align-items:unset}
#add-on-packs-card-parent .checkbox-container{padding-left:unset;font-size:14px;color:#fff;display:none}
#add-on-packs-card-parent .mera-apna-pack__view-channel-button{text-align:center}
#add-on-packs-card-parent .checkbox-container .checkmark{left:80px !important}
#add-on-packs-card-parent .custom-checkbox-row-container{display:flex;align-items:center}
#add-on-packs-card-parent .custom-checkbox-row-container p{font-size:14px;font-weight:500;color:#878787}
#add-on-packs-card-parent .cutsom-checkbox-row{margin-bottom:0;position:unset}
#add-on-packs-card-parent .cutsom-checkbox-row input[type="checkbox"] + label::before{background-image:unset;height:20px !important;width:20px !important;border:1px solid rgba(0,0,0,0.6);right:0;top:-9px;left:unset;background:white;border:1px solid #b1b1b1}
#add-on-packs-card-parent .cutsom-checkbox-row input[type="checkbox"]:checked + label::after{top:-12px}
#add-on-packs-card-parent .cutsom-checkbox-row label{position:relative}
#add-on-packs-card-parent .mera-apna-pack--channel-combo-cards{background-color:white;border:2px solid #ddd;box-shadow:0 4px 8px rgba(0,0,0,0.1)}
#add-on-packs-card-parent .mera-apna-pack__view-channel-button{margin:0 auto;margin-top:12px;padding:0;line-height:unset;text-align:center;font-size:18px !important;font-weight:500 !important}
#add-on-packs-card-parent .asterisk-price{font-size:20px;font-weight:600;color:#000}
#add-on-packs-card-parent .mera-apna-pack--channel-combo-cards{padding:20px}
#add-on-packs-card-parent .checkbox-container .checkmark:after{all:unset}
#add-on-packs-card-parent .checkbox-container input{cursor:pointer;height:20px;width:20px;opacity:0;z-index:1;position:relative}
#add-on-packs-card-parent .checkbox-container .checkmark{width:20px;height:20px;display:block;border:1px solid #b1b1b1;border-radius:3px;position:absolute;top:50%;opacity:1;transform:translatey(-50%);background:#fff}
#add-on-packs-card-parent .checkbox-container input:checked ~ .checkmark{background-color:#4cc0ab}
#add-on-packs-card-parent .checkbox-container input:checked ~ .checkmark::after{color:white;content:"\f00c";cursor:pointer;font-family:"FontAwesome";left:1px;top:-3px;position:absolute;font-size:16px}
#add-on-packs-card-parent .asterisk-price{padding-bottom:6px}
@media only screen and (max-width:1023px){.mera-apna-pack--items-box{flex-direction:column !important;align-items:center}
.cmp-singlechannels__left-container{flex-direction:row !important;width:100%}
.description{max-width:220px;font-size:14px;white-space:normal;word-wrap:break-word}
}
.cmp-dish-card{display:flex;justify-content:space-between;background-color:#f2f1f1;border:2px solid #ddd;padding:20px;margin:20px;border-radius:8px;transition:box-shadow .3s ease,border-color .3s ease;height:130px}
.last-plan-part{display:flex;flex-direction:column}
.upper-plan-part img{width:80px;height:60px}
#channelnameproduct{font-weight:300;margin-right:10px;color:#333;margin-top:4px;font-size:13px;max-width:100%}
.product-plan-price{color:#000;font-size:26px;font-weight:500;letter-spacing:1.3px}
.product-plan-price::after{content:"*";color:#000}
.add-to-pack{background:#4e257c;border:0;border-radius:4px;-webkit-box-shadow:0 4px 9pt 0 rgba(56,56,56,.2);box-shadow:0 4px 9pt 0 rgba(56,56,56,.2);color:#fff;display:block;font-size:13px;font-weight:500;letter-spacing:.65px;margin-top:10px;padding:11px;white-space:nowrap}
@media(min-width:649px){.select-a-plan{max-width:304px}
}
@media(min-width:649px){.select-a-plan{max-width:304px}
}
.broadcaster-comparison-footer{background-color:white;padding:30px 20px;display:flex;justify-content:center;padding-left:100px;padding-right:100px;align-items:center;position:fixed;bottom:0;width:100%;z-index:3;box-shadow:0 0 13px rgb(0 0 0 / 53%);gap:2rem;left:0}
.pack-comparison-footer-btn-wrapper{display:flex;align-items:center}
.mera-apna-pack-comparison-box{width:280px;min-height:64px;border-radius:4px;border:1px solid rgba(142,142,142,0.5);background:rgba(178,178,178,0.1);padding:15px;margin-right:30px}
.comparison-footer-vs-style{color:var(--Text---Secondary,#b1b1b1);text-align:center;font-size:14px;font-weight:500;letter-spacing:.28px;margin-right:25px}
.mera-apna-pack--view-compare-button{cursor:pointer;color:#fff;text-align:center;font-size:14px;font-weight:700;letter-spacing:.28px;text-transform:uppercase;width:187px;height:50px;background:#f04c23;filter:drop-shadow(0 4px 12px rgba(56,56,56,0.2));border-radius:5px;border:0}
.pack-type-amount-detail{color:var(--Text_grey,#878787);font-size:16px;font-weight:400}
@media screen and (max-width:767px){.broadcaster-comparison-footer{background:radial-gradient(54.54% 74.7% at 77.5% 78.87%,rgba(105,113,125,0.42) 0,rgba(47,86,103,0) 100%),#2a2b2d;width:100%;height:284px;display:block;padding:15px;text-align:center}
.pack-comparison-footer-btn-wrapper{display:block}
.mera-apna-pack-comparison-box{width:auto;margin-right:0;text-align:left;padding:12px 22px}
.comparison-footer-vs-style{margin:13px 0}
.mera-apna-pack--view-compare-button{width:100%;margin-top:20px}
.pack-type-name-heading{color:#fff;font-size:14px}
.pack-type-amount-detail{color:#fff;font-size:14pz}
}
.starterpacktabs.active .broadcaster-comparison-footer{position:relative;align-items:start;z-index:1;bottom:0}
.comparison-footer-close-btn{color:#f04c23;cursor:pointer}
.hide-on-mobile{display:block !important}
.comparison-footer-close-btn--mobile-container{display:none}
@media only screen and (max-width:767px){.starterpacktabs.active .broadcaster-comparison-footer{height:355px !important}
.starterpacktabs .broadcaster-comparison-footer{background:radial-gradient(54.54% 74.7% at 77.5% 78.87%,rgba(105,113,125,0.42) 0,rgba(47,86,103,0) 100%),#2a2b2d;width:100%;height:355px;display:block;padding:20px;text-align:center}
}
@media only screen and (max-width:649px){.starterpacktabs .comparison-footer-close-btn--mobile-container{display:flex;justify-content:flex-end;margin-bottom:.2rem}
}
@media only screen and (max-width:821px){.hide-on-mobile{display:none !important}
}
#offerPeriods{display:none}
#populate-plan-here{max-height:none}
.mera-apna-pack .mera-apna-pack-comparison-footer{background-color:white;padding:30px 20px;display:flex;justify-content:center;padding-left:100px;padding-right:100px;align-items:center;height:115px;position:fixed;bottom:0;width:100%;z-index:2;gap:2rem}
.uppercase-head{font-size:12px;padding:20px 16px}
.product-plan-name{color:#000;font-size:12px;font-weight:500}
@media(min-width:768px){.toptogglechannelheading{display:flex;justify-content:space-between}
.uppercase-head{font-size:12px;padding:20px 16px;margin-left:300px}
}
@media(max-width:768px){.breaked{display:inline-block;vertical-align:top}
.view-more-products-container{margin:0}
.view-more-products-container>div:nth-child(2n+1){margin:0 0 12px 0}
}
.view-more-products-container{margin:12px 0 12px 12px}
.view-more-products-container>div:nth-child(2n+1){float:left;margin-right:12px}
.select-a-plan{background:#f2f1f1;border:1px solid #f3efef;border-radius:6px;height:auto;margin:20px 10px;max-width:20pc;padding:24px}
#preloginsport{padding:10px;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;padding-top:20px;max-height:600px}
#channeladdontitile{color:#FFF}
.mera-apna-pack--channel-price::after{content:"*";color:#444}
#add-on-packs-card-parent .asterisk-price::after{content:"*";color:#444}
#filter-sport #toggleSwitch{position:relative;width:150px;height:30px;background-color:#f0f0f0;border-radius:25px;cursor:pointer;display:flex;align-items:center;overflow:hidden}
#filter-sport .toggle-switch .label{position:absolute;display:flex;width:100%;height:100%;z-index:1}
#filter-sport .toggle-switch .label span{flex:1;display:flex;align-items:center;justify-content:center;line-height:50px;font-weight:bold;color:gray;transition:color .3s ease}
#filter-sport .toggle-switch .slider{position:absolute;top:5px;bottom:5px;width:calc(50% - 5px);background-color:white;border-radius:20px;left:5px;transition:transform .3s ease;box-shadow:0 2px 5px rgba(0,0,0,0.1);z-index:0}
#filter-sport .toggle-switch.hd .slider{transform:translateX(100%)}
#filter-sport .toggle-switch.sd .label .sd,#filter-sport .toggle-switch.hd .label .hd{color:#5c258d}
#filter-sport #zoneDropdown{border-radius:20px;background:white;color:black;border:0;cursor:pointer;width:150px;height:30px}
.sport-filter{display:flex;align-items:center;justify-content:flex-end;gap:24px}
.sports-header p{font-size:25px;padding:30px 0}
@media only screen and (max-width:850px){.sports-header p{font-size:20px;padding:20px 16px}
.sport-filter{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}
#zoneDropdown{border-radius:20px;background:white;color:black;border:0;cursor:pointer;margin-left:10px}
#filter-sport .toggle-switch{height:40px;width:150px}
}
.channels-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;z-index:9999}
.channels-popup-container{background:white;border-radius:8px;width:90%;max-width:800px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}
.popup-header{padding:15px 20px;background:#f5f5f5;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}
.popup-header h3{margin:0;color:#333}
.close-popup{background:0;border:0;font-size:24px;cursor:pointer;color:#666}
.popup-content{padding:20px;overflow-y:auto;flex-grow:1}
.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}
.channel-item{text-align:center}
.channel-item img{width:80px;height:80px;object-fit:contain;border-radius:8px;margin-bottom:5px}
.channel-name{font-size:14px;color:#333;word-break:break-word}
.loading-popup{background:white;padding:30px;border-radius:8px;text-align:center}
.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto 15px}
.error-popup{background:white;padding:30px;border-radius:8px;text-align:center;max-width:300px}
.error-icon{width:50px;height:50px;background:#f44;color:white;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:bold;margin:0 auto 15px}
.close-error-popup{background:#3498db;color:white;border:0;padding:8px 15px;border-radius:4px;margin-top:15px;cursor:pointer}
@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}