.product-item{position:relative;transition:all .3s ease;border:.1rem solid #ddd;padding:1.4rem;border-radius:1rem}.product-item.selected{border:.2rem solid #3d9628}.product-item.selected .green-btn-outline{background:#3d9628;color:#fff}.product-item .selected-badge{position:absolute;top:1rem;right:1rem;background:#3d9628;color:#fff;padding:.4rem .8rem;border-radius:.4rem;font-size:.8rem;font-weight:500}.blue-btn{font-weight:700}.back-btn{background:transparent}.checkout-wrapper{max-width:60%;margin:auto}@media only screen and (max-width:767px){.checkout-wrapper{max-width:100%}}.checkout-container{background:#fff;border-radius:.8rem;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}@media only screen and (max-width:767px){.checkout-container{margin-top:4rem}}.checkout-container h2{margin-bottom:1rem}.checkout-container .empty-cart{padding:2rem 0;color:#746e6e}.checkout-container .cart-content .cart-summary{background:rgba(61,150,40,.188);padding:1rem;border-radius:.6rem;margin-bottom:1.5rem}.checkout-container .cart-content .cart-summary .summary-item{display:flex;justify-content:space-between;margin-bottom:.5rem}.checkout-container .cart-content .cart-summary .summary-item.total{font-weight:700;font-size:1.1rem;color:#3d9628;border-top:.1rem solid #c1bdc2;padding-top:.5rem}.checkout-container .cart-content .selected-items{margin-bottom:1.5rem}.checkout-container .cart-content .selected-items .cart-item{border:.1rem solid #c1bdc2;border-radius:.6rem;padding:1rem;margin-bottom:1rem}.checkout-container .cart-content .selected-items .cart-item .cart-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.checkout-container .cart-content .selected-items .cart-item .cart-item-header .college-info h4{margin:0 0 .25rem;font-size:1rem}.checkout-container .cart-content .selected-items .cart-item .cart-item-header .college-info .college-fee{font-size:1.2rem;color:#746e6e}.checkout-container .cart-content .selected-items .cart-item .cart-item-header .remove-btn{background:#d83133;color:#fff;border:none;border-radius:50%;width:2.4rem;height:2.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;font-weight:500}.checkout-container .cart-content .selected-items .cart-item .cart-item-header .remove-btn:hover{background:#d83133}.checkout-container .cart-content .selected-items .cart-item .selected-courses .courses-label{font-weight:500;margin-bottom:.5rem;color:#465f86}.checkout-container .cart-content .selected-items .cart-item .selected-courses .course-item{display:flex;justify-content:space-between;align-items:center;background:rgba(61,150,40,.188);padding:.5rem;border-radius:.4rem;margin-bottom:.5rem}.checkout-container .cart-content .selected-items .cart-item .selected-courses .course-item .course-info{flex:1 1}.checkout-container .cart-content .selected-items .cart-item .selected-courses .course-item .course-info .course-name{display:block;font-size:1.2rem;margin-bottom:.25rem}.checkout-container .cart-content .selected-items .cart-item .selected-courses .course-item .course-info .course-fee{font-size:.8rem;color:#3d9628;font-weight:500}.checkout-container .cart-content .selected-items .cart-item .selected-courses .course-item .remove-course-btn{background:#6c757d;color:#fff;border:none;border-radius:50%;width:2rem;height:2rem;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;font-weight:500}.checkout-container .cart-content .selected-items .cart-item .selected-courses .course-item .remove-course-btn:hover{background:#5a6268}.checkout-container .cart-content .checkout-btn{width:100%;padding:1rem;font-size:1.4rem;border-radius:.6rem;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-overlay .modal-content{background:#fff;border-radius:1.2rem;max-width:80rem;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,.3)}.modal-overlay .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #c1bdc2}.modal-overlay .modal-content .modal-header h3{margin:0;font-size:1.6rem}.modal-overlay .modal-content .modal-header .modal-close{background:none;border:none;font-size:2rem;cursor:pointer;color:#6c757d;line-height:1;width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center}.modal-overlay .modal-content .modal-header .modal-close:hover{color:#495057}.modal-overlay .modal-content .modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-overlay .modal-content .modal-body .empty-state,.modal-overlay .modal-content .modal-body .error-state,.modal-overlay .modal-content .modal-body .loading-state{text-align:center;padding:2rem}.modal-overlay .modal-content .modal-body .empty-state .spinner,.modal-overlay .modal-content .modal-body .error-state .spinner,.modal-overlay .modal-content .modal-body .loading-state .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#002053;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.modal-overlay .modal-content .modal-body .courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1rem;gap:1rem}.modal-overlay .modal-content .modal-body .courses-grid .course-card{border:2px solid #e9ecef;border-radius:.8rem;padding:1rem;cursor:pointer;transition:all .3s ease;position:relative}.modal-overlay .modal-content .modal-body .courses-grid .course-card:hover{border-color:#002053;transform:translateY(-2px)}.modal-overlay .modal-content .modal-body .courses-grid .course-card.selected{border-color:#3d9628;background:#f8fff9}.modal-overlay .modal-content .modal-body .courses-grid .course-card .course-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.modal-overlay .modal-content .modal-body .courses-grid .course-card .course-header h4{margin:0;font-size:1.4rem;flex:1 1}.modal-overlay .modal-content .modal-body .courses-grid .course-card .course-header .course-level{background:#002053;color:#fff;padding:.3rem 1.2rem;border-radius:1.2rem;font-size:1.2rem;font-weight:500}.modal-overlay .modal-content .modal-body .courses-grid .course-card .course-details .specialization{margin:0 0 .75rem;color:#746e6e;font-size:1.2rem}.modal-overlay .modal-content .modal-body .courses-grid .course-card .course-details .course-meta{display:flex;justify-content:space-between;align-items:center}.modal-overlay .modal-content .modal-body .courses-grid .course-card .course-details .course-meta .duration{color:#6c757d;font-size:1.2rem}.modal-overlay .modal-content .modal-body .courses-grid .course-card .course-details .course-meta .fee{color:#3d9628;font-weight:600;font-size:1.2rem}.modal-overlay .modal-content .modal-body .courses-grid .course-card .selected-indicator{position:absolute;top:.5rem;right:.5rem;background:#3d9628;color:#fff;border-radius:50%;width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;font-size:.8rem}.modal-overlay .modal-content .modal-footer{border-top:.1rem solid #e9ecef;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.modal-overlay .modal-content .modal-footer .selected-count{color:#6c757d;font-size:1.2rem}.modal-overlay .modal-content .modal-footer .modal-actions{display:flex;gap:.75rem}.modal-overlay .modal-content .modal-footer .modal-actions .btn{padding:.5rem 1.5rem;border-radius:.6rem;font-weight:500;cursor:pointer;transition:all .3s ease}.modal-overlay .modal-content .modal-footer .modal-actions .btn.secondary-btn{background:#6c757d;color:#fff;border:1px solid #6c757d}.modal-overlay .modal-content .modal-footer .modal-actions .btn.secondary-btn:hover{background:#5a6268}.modal-overlay .modal-content .modal-footer .modal-actions .btn.primary-btn{background:#002053;color:#fff;border:1px solid #002053;border-radius:.6rem}.modal-overlay .modal-content .modal-footer .modal-actions .btn.primary-btn:hover:not(:disabled){background:#002053}.modal-overlay .modal-content .modal-footer .modal-actions .btn.primary-btn:disabled{background:#6c757d;border-color:#6c757d;cursor:not-allowed}.btn.green-btn{background:#3d9628;color:#fff;border:1px solid #3d9628}.btn.green-btn:hover{background:#218838;border-color:#1e7e34}.btn.primary-btn{background:#002053;color:#fff;border:1px solid #002053}.btn.primary-btn:hover{background:#0056b3;border-color:#004085}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.modal-overlay{padding:.5rem}.modal-overlay .modal-content .courses-grid{grid-template-columns:1fr}.modal-overlay .modal-content .modal-footer{flex-direction:column;gap:1rem;align-items:stretch}.modal-overlay .modal-content .modal-footer .modal-actions{width:100%}.modal-overlay .modal-content .modal-footer .modal-actions .btn{flex:1 1}.checkout-container .cart-item .cart-item-header{flex-direction:column;gap:.5rem;align-items:flex-start}}