.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;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}
.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:320px;height:auto;display:block;padding:20px;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;height:auto}
.comparison-footer-vs-style{margin:13px 0}
.mera-apna-pack--view-compare-button{width:100%;margin-top:20px}
.pack-type-name-heading{color:#fff}
.pack-type-amount-detail{color:#fff}
}
.brodcastercomparisonfooter.active .broadcaster-comparison-footer{position:relative;padding-bottom:40px;height:230px;align-items:start;z-index:1;bottom:0}
.brodcastercomparisonfooter .comparison-footer-close-btn{color:#f04c23;cursor:pointer}
.hide-on-mobile{display:block !important}
.brodcastercomparisonfooter .comparison-footer-close-btn--mobile-container{display:none}
@media only screen and (max-width:767px){.brodcastercomparisonfooter.active .broadcaster-comparison-footer{height:355px !important}
.brodcastercomparisonfooter .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){.brodcastercomparisonfooter .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}
}