.data-plan-grid{grid-template-columns:repeat(3,1fr);justify-content:center;gap:20px;max-height:360px;padding:20px 0 80px;display:grid;overflow-y:scroll}.data-plan-grid::-webkit-scrollbar{width:2px}.plan-card{color:#fff;border:1px solid var(--TextBlue);cursor:pointer;background-color:#fff;border-radius:20px;width:350px;margin:0 auto;padding:20px;transition:background-color .3s;position:relative}.plan-card.selected{background-color:var(--TextBlue)}.popular-badge{color:#fff;background-color:#f05a28;border-radius:16px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;top:-10px;left:20px}.radio-indicator{cursor:pointer;border:3px solid #f05a28;border-radius:50%;width:15px;height:15px;margin-top:-10px}.quantity-box{border:1px solid #000;border-radius:20px;align-items:center;gap:10px;padding:3px 10px;font-size:14px;display:flex}.quantity-box.selected{border:1px solid #fff}.quantity-box button{cursor:pointer;background:0 0;border:none;font-size:18px}.quantity-box button.selected{color:#fff!important}.add-to-cart-btn{width:100%;height:100%;color:var(--TextBlue);cursor:pointer;background:0 0;border:none;font-size:14px}.plan-container{border:1px solid var(--mainColor);border-radius:999px;justify-content:space-between;align-items:center;width:100px;height:36px;display:inline-flex}.plan-container.selected{border:1px solid var(--mainColor)}.plan-button{width:30px;height:100%;color:var(--TextBlue);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.plan-button.selected{color:var(--whiteColor)}.badge-icon{width:12px;height:auto}.plan-card-body{width:100%;display:flex}.plan-card-left{flex-direction:column;justify-content:space-between;align-items:center;gap:12px;width:35%;height:auto;margin-right:20px;display:flex}.network-esim-icon{cursor:pointer;justify-content:center;align-items:center;width:25px;margin-bottom:8px;display:flex}.plan-card-right{flex-direction:column;justify-content:space-between;width:calc(69% - 20px);height:auto;display:flex}.plan-card-radio{flex-direction:column;justify-content:space-between;align-items:center;width:1%;display:flex}.info-icon{cursor:pointer;justify-content:center;align-items:center;width:20px;height:auto;margin-bottom:-10px;display:flex}.plan-value{flex:1;justify-content:center;display:flex}.plan-total{flex-direction:column;align-items:center;height:fit-content;display:flex}@media (max-width:1290px){.data-plan-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:875px){.data-plan-grid{grid-template-columns:repeat(1,1fr)}}@media (max-width:600px){.plan-card{width:99%;padding:15px}.radio-indicator{margin-top:0;margin-right:0}.info-icon{margin-bottom:0;margin-right:0}.plan-card-body{gap:12px}}