.mera-apna-pack{background-color:black;height:150vh;width:100vw;position:relative}
.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}
.mera-apna-pack .mera-apna-pack--main-box{width:90%;margin:0 auto}
.brodcastertabcomponent.active .broadcaster-comparison-footer{position:relative;padding-bottom:40px;height:230px;align-items:start;z-index:1}
.brodcastertabcomponent .comparison-footer-close-btn{color:#f04c23;cursor:pointer}
.hide-on-mobile{display:block !important}
.brodcastertabcomponent .comparison-footer-close-btn--mobile-container{display:none}
@media only screen and (max-width:767px){.brodcastertabcomponent.active .broadcaster-comparison-footer{height:355px !important}
.brodcastertabcomponent .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){.brodcastertabcomponent .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}
}
.mera-apna-pack .mera-apna-pack--heading{color:#fff;font-family:Roboto;font-size:36px;font-style:normal;font-weight:500;padding-top:40px;margin-bottom:30px;margin-left:20px;line-height:42px}
.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}
.mera-apna-pack .mera-apna-pack--main-box .mera-apna-pack--items-box .mera-apna-pack--menu-part1{width:25%;display:flex;flex-direction:column;gap:2px;background:#272727;border-top-left-radius:20px;border-bottom-left-radius:20px}
.mera-apna-pack .mera-apna-pack--main-box .mera-apna-pack--items-box .mera-apna-pack--menu-part1 .mera-apna-pack-tabs{color:white;display:flex;align-items:start;flex-direction:column;justify-content:center;height:95px;background:#353535}
.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:75%}
.mera-apna-pack--menu-part2 .mera-apna-pack--menu-upper{display:flex;justify-content:space-between;align-items:center;height:100px;flex-shrink:0;padding-left:20px;padding-right:20px;border-radius:0 20px 0 0;background:#545454;position:relative}
.loader{position:absolute;top:-150px;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.8);display:flex;justify-content:center;align-items:center;z-index:9999}
.loader::after{content:"";border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:80px;height:80px;animation:spin 1s linear infinite}
@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.test{outline:1px solid red}
.up-in-toggle{border:.5px solid var(--Text_grey,#878787);border-radius:16px}
.up-in-toggle input{clip:rect(0,0,0,0);height:1px;width:1px;border:0;border-radius:16px;overflow:hidden}
.up-in-toggle input:checked + label{background:#f04c23;color:white;border-radius:16px;font-weight:500;box-shadow:0 7px 20px rgba(0,0,0,0.09),0 6px 6px rgba(0,0,0,0.13)}
.up-in-toggle label{display:inline-block;background-color:transparent;color:#a5adb7;text-align:center;font-size:.8rem;padding:6px 6px;display:inline-block;width:85px;transition:all .1s ease-in-out}
.up-in-toggle label:hover{cursor:pointer}
.up-in-toggle label:first-of-type{border-radius:15.5px 0 0 15.5px}
.up-in-toggle label:last-of-type{border-radius:0 15.5px 15.5px 0}
.mera-apna-pack-input-box{width:50%}
.mera-apna-pack--search-box{background:transparent;border:0;border-bottom:solid 2px #999;position:relative;width:90%}
.mera-apna-pack--search-box::placeholder{color:#999;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.32px}
.mera-apna-pack--svg-icon{position:relative;right:20px}
.mera-apna-pack .mera-apna-pack--menu-part2 .mera-apna-pack-input-box input[type="text"]{color:white;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.32px}
.mera-apna-pack--sorting-button{border:0;outline:0;background-color:transparent;color:#dadada;font-family:Roboto;font-size:11px;font-style:normal;font-weight:500;cursor:pointer;line-height:normal;letter-spacing:.22px;text-transform:uppercase;display:flex;gap:10px;justify-content:center;align-items:center}
.mera-apna-pack--filter-button{border:0;outline:0;background-color:transparent;color:#f04c23;font-family:Roboto;font-size:16px;font-style:normal;font-weight:500;cursor:pointer;line-height:normal;letter-spacing:.22px;text-transform:uppercase;display:flex;gap:10px;justify-content:center;align-items:center}
.filter-icon{display:none}
.mera-apna-pack--menu-mid{height:45px;background:linear-gradient(180deg,rgba(0,0,0,0.08) 0,rgba(0,0,0,0) 100%),#545454;display:flex;justify-content:center;align-items:center}
.mera-apna-pack--menu-mid .mera-apna-pack--menu-list{display:flex;justify-content:space-between;padding-left:10px;padding-right:10px;list-style-type:none;overflow:scroll}
.mera-apna-pack--menu-list-items{color:#fff;font-family:Roboto;font-size:13px;font-style:normal;opacity:.6;font-weight:500;line-height:normal;margin-left:20px;cursor:pointer}
.mera-apna-pack--menu-list-items.active{color:white;font-family:Roboto;font-size:13px;font-style:normal;font-weight:500;line-height:normal;opacity:1;position:relative}
.mera-apna-pack--menu-list-items:hover{opacity:1;color:pointer}
.mera-apna-pack--menu-lower{padding:10px;overflow:scroll;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:20px;height:430px}
.mera-apna-pack--channel-cards{display:flex;justify-content:space-between;padding:10px;align-items:center;border-radius:6px;border:1px solid #e0e0e0}
.mera-apna-pack--channel-image{width:40px;height:43px}
.mera-apna-pack--channel-description .mera-apna-pack--channel-name{color:#444;font-family:Roboto;font-size:14px;font-style:normal;font-weight:700}
.mera-apna-pack--channel-description .mera-apna-pack--channel-price{color:#444;font-family:Roboto;font-size:12px;opacity:.6;font-style:normal;font-weight:100;line-height:105.469%}
.mera-apna--pack--menu-upper-inside_tools{display:flex;align-items:center;justify-content:space-between;width:40%}
.mera-apna-pack .mera-apna-pack--footer-box{background-color:white;padding:20px;display:flex;justify-content:space-between;padding-left:100px;padding-right:100px;align-items:center;height:110px;position:fixed;bottom:0;width:100%}
.mera-apna-pack--monthly-cost--box .cost-name-box{color:#454545;font-family:Roboto;font-size:20px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.4px}
.mera-apna-pack--monthly-cost--box .price-name-box{color:#454545;font-family:Roboto;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.28px}
.mera-apna-pack--proceed-button{background-color:#f04c23;width:187px;height:50px;color:white;border:0;outline:0;filter:drop-shadow(0 4px 12px rgba(56,56,56,0.2));cursor:pointer}
.mera-apna-pack--back-button{background:transparent;border:0;color:#c4c4c4;font-size:13px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.26px;cursor:pointer;text-transform:uppercase;display:none;position:absolute;top:20px;left:15px}
.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;transition:.3s linear all;width:25px}
.cutsom-checkbox-row input[type="checkbox"] + 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}
.cutsom-checkbox-row input[type="checkbox"]:checked + label::before{border-color:#3bb6b6;border-style:dotted;transition:.3s linear all}
.cutsom-checkbox-row input[type="checkbox"]:checked + label::before{background-color:#4cc0ac;border-style:solid;transform:scale(1.2);border-color:#fbebeb;background-image:none}
.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;background-color:#4cc0ab;content:"\f00c";cursor:pointer;font-family:"FontAwesome";left:3px;position:absolute;top:10px;transform:scale(1);transition:.3s linear all}
.cutsom-checkbox-row input[type="checkbox"] + label::after{transform:scale(2);opacity:0}
.cutsom-checkbox-row input[type="checkbox"] + label::after{content:"";transform:scale(0);transition:.3s linear all}
.mera-apna-pack--channel-combo-cards{border-radius:6px;width:48%;height:130px;display:flex;flex-direction:column;align-items:self-start;gap:20px;justify-content:center;padding:40px;border-radius:6px;border:1px solid var(--Gray-5,#e0e0e0)}
.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--upper-content{display:flex;justify-content:space-between;align-items:center;width:100%}
.combo-title{color:#444;font-family:Roboto;font-size:14px;font-style:normal;font-weight:700;line-height:105.469%}
.combo-paragraph{color:#878787;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:normal}
.mera-apna-pack--lower-content{display:flex;justify-content:space-between;width:100%;align-items:center}
.mera-apna-pack--menu-lower--variation-two{width:100%;padding:20px;display:flex;gap:20px;flex-wrap:wrap;overflow:scroll;height:430px;justify-content:center}
.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;cursor:pointer;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}
.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;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:#f04c23;transition:all .5s ease-in-out;border-radius:50%}
.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)}
@media screen and (max-width:1100px){.mera-apna-pack--menu-lower{grid-template-columns:1fr 1fr 1fr}
}
@media screen and (max-width:900px){.mera-apna-pack--menu-lower{grid-template-columns:1fr 1fr}
}
@media screen and (max-width:600px){.mera-apna-pack .mera-apna-pack--main-box{width:100%;margin:0}
.mera-apna-pack--filter-button{display:none}
.filter-icon{width:20px;height:20px;display:block;border:1px solid #f04c23;position:absolute;top:-45px;border-radius:50%;padding:2px;right:2%}
.mera-apna-pack--back-button.show{display:block}
.mera-apna-pack .mera-apna-pack--main-box .mera-apna-pack--items-box{border-radius:0;flex-direction:column}
.mera-apna-pack .mera-apna-pack--heading{font-size:24px !important}
.mera-apna-pack .mera-apna-pack--main-box .mera-apna-pack--items-box .mera-apna-pack--menu-part1 .mera-apna-pack-tabs{color:black !important}
.mera-apna-pack .mera-apna-pack--main-box .mera-apna-pack--items-box .mera-apna-pack--menu-part1 .mera-apna-pack-tabs.hide{color:black !important;display:none}
.mera-apna-pack .mera-apna-pack--main-box .mera-apna-pack--items-box .mera-apna-pack--menu-part1{width:100%;background-color:white !important;color:black !important}
.mera-apna-pack .mera-apna-pack--main-box .mera-apna-pack--items-box .mera-apna-pack--menu-part1 .mera-apna-pack-tabs.active{background:white !important;color:black !important}
.mera-apna-pack .mera-apna-pack--main-box .mera-apna-pack--items-box .mera-apna-pack--menu-part1 .mera-apna-pack-tabs.active .mobile-active{background:linear-gradient(129deg,#fdbb17 2.62%,#ff5a12 54.49%,#bc137a 102.5%);color:white !important;display:block !important}
.mera-apna-pack .mera-apna-pack--main-box .mera-apna-pack--items-box .mera-apna-pack--menu-part1 .mera-apna-pack-tabs{background-color:white !important;color:black !important;border-bottom:solid .25px gray}
.mera-apna-pack-input-box{width:88%;position:absolute;top:-50px;left:3%}
.mera-apna-pack .mera-apna-pack--main-box .mera-apna-pack--items-box .mera-apna-pack--menu-part1 .mera-apna-pack-tabs::after{content:" ";background-image:url("../../../../../content/dam/dishtv-aem-web-platform/dashboard-assets/Frame.png");height:20px;width:20px;position:absolute;cursor:pointer;right:35px;transform:rotate(90deg)}
.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:black !important}
.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:#878787;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}
.mera-apna-pack--menu-upper{justify-content:center}
.mera-apna-pack--menu-part2 .mera-apna-pack--menu-upper{flex-direction:column;justify-content:center;border-radius:0}
.mera-apna-pack--menu-part2{display:none}
.mera-apna-pack--menu-part2.show{display:block}
.mera-apna-pack--menu-part2{width:100%;border-radius:0}
.mera-apna--pack--menu-upper-inside_tools{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:20px}
.up-in-toggle label{width:fit-content}
.mera-apna-pack--menu-lower{grid-template-columns:1fr}
.mera-apna-pack .mera-apna-pack--footer-box{border-radius:12px 12px 0 0;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%),linear-gradient(0,#2a2b2d 0,#2a2b2d 100%),#d9d9d9;width:100%;flex-direction:column;justify-content:space-evenly;height:172px;padding-left:5%;padding-right:5%;z-index:99}
.mera-apna-pack--monthly-cost--box .cost-name-box{color:white;display:flex;opacity:.8;font-size:16px;margin-bottom:5px;justify-content:space-between}
.pack-name-box{color:white;display:flex;opacity:.8;font-size:12px;margin-bottom:5px;justify-content:space-between}
.mera-apna-pack--proceed-button{width:100%}
.mera-apna-pack--monthly-cost--box{width:100%}
.mera-apna-pack--menu-lower--variation-two{display:flex;gap:20px;flex-direction:column}
.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)}
}
.add-to-pack{cursor:pointer}
.broadcaster-comparison-footer{background-color:white;padding:20px;display:flex;justify-content:center;padding-left:100px;padding-right:100px;align-items:center;height:110px;position:fixed;bottom:0;width:100%;z-index:3;box-shadow:0 0 13px rgb(0 0 0 / 53%);left:0;gap:2rem}
.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{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;cursor:pointer}
.pack-type-amount-detail{color:var(--Text_grey,#878787);font-size:16px;font-weight:400}
@media(min-width:768px) and (max-width:819px){.mera-apna-pack-comparison-box{width:250px !important}
}
@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:85%;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}
}
.no-result-container{max-width:400px;margin:50px auto;padding:20px;background-color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.1);text-align:center}
.no-result-title{color:#333;margin-bottom:20px}
.no-result-message{color:#666;margin-bottom:30px}