.valuesaverpackpopup-container{width:810px;margin:0 auto;padding:30px;margin-top:2%;background:#f5f5f5;border-radius:10px;position:relative;padding-top:50px;.cross-icon{position:absolute;top:15px;right:10px;font-size:22px;cursor:pointer;font-weight:500}
.vsp-upper-container{display:flex;justify-content:space-between;font-size:20px;font-weight:700;color:#444444;margin-bottom:30px;.vsp-title{text-transform:uppercase}
}
.vsppacks-container{display:flex;flex-direction:column;gap:16px;.vsp-base-pack-container{padding:10px 30px;background:#ffffff;.vsp-pack-details{display:flex;flex-direction:column;gap:5px;.freedom-title{font-size:14px;font-weight:500;color:#333}
.freedom-desc{font-size:11px;font-weight:400;color:#000}
}
.vsp-panel-container{padding-top:30px;max-height:200px;overflow-y:auto;.packs-imgs-container{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;.vsp-imgs-container{display:flex;flex-direction:column;gap:10px;img{width:50px;object-fit:contain}
p{font-size:12px;font-weight:400;color:#818181}
}
}
}
#vsp-premium-packs-channels{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
}
}
}
.valuesaverpackpopup-container{.mera-apna-pack{background-color:#202020;position:relative;padding-bottom:365px}
.mera-apna-pack--menu-upper.active .mera-apna-pack-input-box{display:unset !important}
.mera-apna-pack--menu-upper.active .mera-apna-pack--search-box{display:unset !important}
.mera-apna-pack--menu-upper.active .mera-apna-pack--svg-icon{display:unset !important}
.mera-apna-pack.active{padding-bottom:0}
.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;position:relative}
.mera-apna--pack--menu-upper-inside_tools{display:flex;align-items:center;justify-content:space-between;width:50%}
.vsp-genre-panel .listchannel-tab-wrapper{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
#view-pass-options-container .listchannel-tab-wrapper{display:flex;justify-content:space-around;flex-wrap:wrap;.listchannel-tab{background:#fff;padding:20px 12px 0;border-bottom:.5px solid #00000040;border-style:dashed;border-top:0;border-right:0;border-left:0}
.listchannel-tab:first-child{margin-top:0}
.listchannel-tab input{position:absolute;opacity:0;z-index:-1}
.listchannel-tab__content{max-height:0;overflow:hidden;transition:all .35s;padding:0 25px;display:grid;grid-template-columns:repeat(8,1fr);gap:16px;justify-content:center;margin-bottom:10px}
.listchannel-tab input:checked ~ .listchannel-tab__content{max-height:fit-content;padding-bottom:20px;flex-wrap:wrap}
.listchannel-padding-top{padding:1rem 0 0rem 0 !important}
.listchannel-padding-all-none{padding:0 !important}
.listchannel-type-wrapper{border-radius:4px;border:1px solid var(--Gray-5,#e0e0e0);background:#fff;height:49px;width:49px;display:flex;align-items:center;justify-content:center;padding:.2rem .2rem;box-shadow:5px 5px 10px 2px #d9d9d933;.channel-colors-icon{height:100%;width:auto;max-height:100%;object-fit:contain}
.channel-and-icon{width:65px;height:65px}
.channel-sonymax-icon{width:50px;height:50px}
}
.listchannel-accordion{background:#fff;border-radius:.5rem;margin-top:35px}
.listchannel-tab__label,.listchannel-tab__close{display:flex;cursor:pointer}
.listchannel-tab__label{justify-content:space-between;padding:1rem;align-items:center;width:100%;z-index:9;position:relative;cursor:pointer;.listchannel-label-container{display:flex;.listchannel-count-number{margin-left:14px;font-size:20px;font-weight:500;letter-spacing:.4px;color:#4f4f4f}
}
}
.listchannel-label-container h4{color:#818181;font-size:12px;font-weight:400;letter-spacing:.4px;text-transform:uppercase}
.no-result-container{display:flex;flex-direction:column;align-items:center;justify-content:center;img{width:80px;height:80px}
}
}
.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;display:none}
.custom-select{display:flex;width:30%;justify-content:start;position:relative;pointer-events:none}
.custom-select select{width:100%;height:30px;border:0;border:1px solid #dadada;border-radius:25px;outline:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-left:20px;background:#545454;color:#fff;font-size:12px;font-weight:500}
.custom-select::after{content:"\25BC";position:absolute;top:50%;right:8%;transform:translateY(-50%);pointer-events:none;color:#f04c23;font-size:10px}
.mera-apna-pack--filter-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-input-box{width:50%}
.mera-apna-pack--search-box{background:transparent;border:0;border-bottom:solid 2px #999;position:relative;width:90%;padding-bottom:5px}
.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--filter-button-container{display:flex}
.up-in-toggle{border:.5px solid var(--Text_grey,#878787);padding:2px 2px;border-radius:16px}
.up-in-toggle input{clip:rect(0,0,0,0);height:1px;width:1px;border:0;border-radius:16px;overflow:hidden;display:none}
.up-in-toggle input:checked + label{background:#f04c23;color:white !important;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);padding:6px 10px}
.up-in-toggle label{display:inline-block;background-color:transparent;color:#a5adb7;text-align:center;font-size:.8rem;padding:6px 6px;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}
.tab-container{position:relative}
.tab-container::after{content:"❯";width:1em;height:1em;color:#828282;text-align:center;-webkit-transform:rotate(90deg);transform:rotate(90deg);position:absolute;right:3%;top:35%;z-index:2;cursor:pointer}
.vsp-base-pack-container.active>.tab-container::after{content:"❯";width:1em;height:1em;color:#828282;text-align:center;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);position:absolute;right:3%;top:35%;z-index:2;cursor:pointer}
.vsp-panel-container{display:none}
.proceed-button-container{margin-top:10px;text-align:center;button{width:228px;background:#f04c23;padding:10px;border-radius:5px;font-size:14px;color:#fff;font-weight:500}
}
}
.valuesaverpackpopup{background:rgba(0,0,0,0.85);width:100vw;height:100dvh;position:fixed;top:0;z-index:100;display:none}
.vsp-genre-container{margin-top:10px}
.vsp-genre-container .vsp-genre-panel{margin-top:16px}
.vsp-title-bottom-base{position:relative}
.vsp-title-bottom-base::after{content:"❯";width:1em;height:1em;color:#828282;text-align:center;-webkit-transform:rotate(90deg);transform:rotate(90deg);position:absolute;right:3%;top:35%;z-index:2;cursor:pointer}
.vsp-genre-container.active .vsp-title-bottom-base::after{content:"❯";width:1em;height:1em;color:#828282;text-align:center;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);position:absolute;right:3%;top:35%;z-index:2;cursor:pointer}
@media screen and (max-width:650px){.valuesaverpackpopup-container{width:95%;margin-top:80px;padding:20px;padding-top:40px}
#vsp-premium-packs-channels{display:grid;grid-template-columns:repeat(2,1fr) !important;gap:10px}
.listchannel-tab__content{grid-template-columns:repeat(3,1fr)}
.listchannel-type-wrapper{margin-bottom:20px}
.listchannel-count-number{font-size:16px}
.listchannel-label-container h4{font-size:16px}
.no-result-container h1{font-size:25px}
.no-result-container .no-result-message{font-size:16px}
}
.freedom-pack-sections{display:flex;flex-direction:column;gap:12px}
.freedom-section-item{background:#fff;border-radius:8px;padding:16px;cursor:default}
.freedom-section-item.freedom-clickable{cursor:pointer;transition:background-color .2s ease}
.freedom-section-item.freedom-clickable:hover{background:#f9f9f9}
.freedom-section-content-wrapper{display:flex;justify-content:space-between;align-items:center}
.freedom-section-title{color:#333;margin:0 0 4px 0;font-size:16px;font-weight:600}
.freedom-section-desc{color:#666;margin:0;font-size:14px}
.freedom-section-icon{width:24px;height:24px;background:#f5f5f5;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#666;font-size:16px;font-weight:bold;flex-shrink:0}
.freedom-footer-message{margin-top:20px;text-align:center;color:#666;font-size:14px;line-height:1.6}
.freedom-footer-message p{margin:0}
.freedom-footer-message p:last-child{margin-top:4px;font-weight:500}
#freedom-data-head,#freedom-data-body{display:none}
#freedom-data-head .vsp-price{display:none}
#freedom-data-head .vsp-title{text-transform:uppercase}
@media only screen and (max-width:850px){.mera-apna-pack{height:auto}
.mera-apna-pack--menu-upper.active .rest-of-india-filter{position:absolute;top:24px;right:20px}
.mera-apna-pack--menu-upper.active .mera-apna-pack-input-box{display:unset !important;margin-bottom:20px}
.mera-apna-pack--menu-upper.active .mera-apna-pack--search-box{display:unset !important}
.mera-apna-pack--menu-upper.active .mera-apna-pack--svg-icon{display:unset !important}
}
@media only screen and (max-width:850px){.up-in-toggle input:checked + label{padding:7px 16px}
.up-in-toggle{display:flex;background:rgba(227,227,227,1);padding:unset}
.up-in-toggle label{color:#828282 !important}
.all-selected-filter{width:45%}
.up-in-toggle input:checked + label{padding:7px 16px;width:70% !important}
}
@media screen and (max-width:850px){.mera-apna-pack--menu-upper{flex-direction:column;justify-content:space-between;border-radius:0;align-items:start;padding:16px;height:auto}
.mera-apna--pack--menu-upper-inside_tools{width:100%;display:flex;align-items:center;justify-content:space-between}
}
@media screen and (min-width:600px) and (max-width:900px){.mera-apna--pack--menu-upper-inside_tools{width:65%}
}
@media screen and (max-width:650px){.vsp-genre-panel .listchannel-tab-wrapper{grid-template-columns:repeat(2,1fr) !important}
.listchannel-tab{padding:20px;width:auto;padding-bottom:0}
.freedom-desc{width:70%}
.vsp-base-pack-container{padding:10px 20px}
}
@media only screen and (max-width:850px){.mera-apna-pack--search-box{width:100%}
}
@media only screen and (max-width:850px){.mera-apna-pack--svg-icon{position:absolute;right:0}
}