.add-products-parent-class{display:flex;justify-content:center;padding:0 20px 20px}.add-product-main-container{width:100%;margin:0 22px}.top-headiing-section{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding:0 44px 0 0}.top-headiing-section .header-title-section{border-bottom:0}.products-head-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.products-head-section h3{font-size:24px;font-weight:700;color:var(--dark-color)}.table-component-area{margin:0 auto;width:100%;border-collapse:collapse}.table-component-area .course-table{margin-top:35px}.course-table{width:100%;border-collapse:collapse;margin:0 auto}.course-table td,.course-table th{padding:12px 16px;text-align:left;border-bottom:1px solid #ddd}.course-table th{background-color:#f4f4f4;font-weight:700}.reusable-table-column-data{text-align:left}.reusable-table-delete-column,.reusable-table-edit-column{text-align:center}.delete-icon-span,.edit-icon-span{cursor:pointer}.product-filter-section{margin:20px 0 0;display:flex;align-items:end;gap:20px;padding:0 40px}.product-filter-section .filter-product-content{display:flex;flex-grow:1;gap:20px}#discard-toastBox{position:fixed;top:10px;left:35%;align-items:flex-end;overflow:hidden;padding:20px;z-index:120;text-align:center}#discard-toastBox,.discard-toast{display:flex;flex-direction:column}.discard-toast{width:410px;height:196px;background:#fff;font-weight:500;padding:24px;box-shadow:0 0 20px rgba(0,0,0,.3);border-radius:4px;border:1px solid var(--purple-color);align-items:center;position:relative;transform:translateY(-100%);animation:moveUp .4s linear forwards}.discard-message{display:flex}.discard-text-msg{display:flex;gap:12px;flex-direction:column;margin-bottom:20px}.discard-text1{color:var(--purple-color);font-size:18px;font-weight:var(--semibold-font-weight);line-height:30px;text-transform:capitalize}.discard-text2{color:var(--black-color);font-size:16px;font-weight:var(--regular-font-weight);opacity:.8}.discard-btns{display:flex;gap:24px}@keyframes moveUp{to{transform:translateY(0)}}.discard-toast i{margin-right:20px;font-size:35px;color:green}.discard-toast.error i{color:red}.discard-toast.invalid i{color:orange}.discard-toast:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;background:var(--purple-color)}@keyframes anim{to{width:0}}.discard-toast.error:after{background:red}.discard-toast.invalid:after{background:orange}