.prompt_packs_container{display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:flex-start}.prompt_packs_container .prompt_packs_body,.prompt_packs_container .prompt_packs_heading{width:100%}.card_heading{margin-bottom:0!important}.gridContainer{margin-top:12px!important}.prompt_packs_cards_container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}@media only screen and (max-width:1600px){.prompt_packs_cards_container{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:767px){.prompt_packs_cards_container{grid-template-columns:repeat(1,1fr)}}.prompt_card_item{width:100%;padding:16px;gap:16px;border-radius:20px;background:#f8fafc;border:1px solid #e8edf2}.prompt_card_item .prompt_name{font-size:18px;color:var(--color-text-primary);padding-top:4px}.prompt_card_item .prompt_count{font-weight:500;font-size:16px;color:#64748b;padding-top:4px;margin-bottom:8px}.courseCard{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:10px;background-color:#fff;border:1px solid #e8edf2;width:100%}.contentBox{flex-grow:1}.subscriptionText,.title{font-weight:600;font-size:18px;color:#3e4b6b;margin-bottom:8px!important}.details{font-size:18px;font-weight:400;color:#64748b}.progressBox{position:relative;display:flex;justify-content:center;align-items:center;width:60px;height:60px;margin-left:10px!important}.circularProgress{position:absolute;color:#a789ff!important;width:60px!important;height:60px!important}.progressText{position:absolute;font-size:.875rem;font-weight:500}.tableBox{border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.1);margin-top:16px}.subscription_heading{font-size:24px!important;font-weight:600!important}.tableContainer{border-radius:8px;padding:16px}.headerCell{background-color:#e0e7ef;font-weight:700;padding:16px}.headerCell:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.headerCell:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.bodyCell{padding:16px;border-bottom:none}.bodyRow:last-child td,.bodyRow:last-child th{border:0}.activeChip{background-color:#ffedd5!important;color:#f97316!important;font-weight:700}.inactiveChip{background-color:#d1fae5!important;color:#10b981!important;font-weight:700}.root{width:-moz-fit-content;width:fit-content;max-height:33px!important;background:var(--secondary-main);border-radius:50px}.indicator{display:none}.tabRoot{width:132px;max-height:33px;gap:10px;background:#ebeef5;display:flex;align-items:center}.tabRoot:hover{background-color:#8e9fc9;color:#fff;border-radius:25px}.tabRoot.Mui-selected{color:#fff!important;background-color:#ff0!important;border-radius:50px}.tabRoot:active{color:var(--primary-contrast);background-color:#8e9fc9;box-shadow:0 0 10px #fff}.tabText{width:-moz-fit-content;width:fit-content;height:17px;opacity:1;font-size:16px;font-weight:400;line-height:16.8px}.navBox{padding:20px 0;display:flex;justify-content:space-between;align-items:center}.navBox .textBox{height:57px}.navBox .textBox .typographyBody{color:var(--primary-light);width:107px;height:19px;font-size:18px;font-weight:600;line-height:19.2px;text-align:left}.navBox .textBox .typographyH4{color:var(--primary-dark);width:268px;height:38px;font-size:32px;font-weight:600;line-height:38.4px;text-align:left}.empty_prompt_heading{font-size:16px;font-weight:600}.no_prompack_btn{color:#906aff!important}.lock{width:16px;height:16px;color:#64748b}.subscriptionText{font-size:24px}.recommendation_text{margin-bottom:8px!important}.btn_text{color:red!important}.unlockButton .MuiButton-root{color:#6678a7!important;background-color:rgba(102,120,167,.15)!important;font-weight:700!important;border-radius:8px!important;padding:6px 12px!important;box-shadow:none!important;text-transform:none!important}.unlockButton .MuiButton-root:hover{background-color:#d8dee9!important}.editButton.MuiButtonBase-root{width:73px;height:41px;display:flex;justify-content:center;align-items:center;padding:12px;gap:4px;border-radius:10px;border:1px solid #e8edf2;opacity:1}.editButton.MuiButtonBase-root:hover{background-color:#e1e3e6}.editButton.MuiButtonBase-root .editText{color:#6678a7;font-size:16px;font-weight:600;line-height:17.07px;text-align:center}