.course-item-2{position:relative;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer}.course-item-2:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,.15)}.course-item-2 .course-image{position:relative;width:100%;height:200px;overflow:hidden}.course-item-2 .course-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.course-item-2:hover .course-image img{transform:scale(1.05)}.course-item-2 .category-badge{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;z-index:2}.course-item-2 .course-content{padding:16px}.course-item-2 .course-content .course-title{font-size:18px;font-weight:700;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-item-2 .course-content .instructor-info{display:flex;align-items:center;gap:8px;margin-bottom:12px}.course-item-2 .course-content .instructor-info .instructor-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden}.course-item-2 .course-content .instructor-info .instructor-avatar img{width:100%;height:100%;object-fit:cover}.course-item-2 .course-content .instructor-info .instructor-name{font-size:14px;font-weight:500;color:#555}.course-item-2 .course-content .course-meta{display:flex;align-items:center;gap:16px;margin-bottom:12px;font-size:14px;color:#666}.course-item-2 .course-content .course-meta .duration,.course-item-2 .course-content .course-meta .time-ago{gap:4px;font-size:12px;display:flex;align-items:center}.course-item-2 .course-content .course-description{font-size:14px;color:#777;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:all .3s ease}.course-item-2 .course-content .course-footer{display:flex;justify-content:space-between;align-items:center}.course-item-2 .course-content .course-footer .price{font-size:18px;font-weight:700;color:var(--primary)}.course-item-2 .course-content .course-footer .difficulty{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;background:#f3f4f6;color:#374151;text-transform:capitalize}.course-item-2 .course-content .progress-section{padding:12px 0;border-top:1px solid #f0f0f0}.course-item-2 .course-content .progress-section .progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:500;color:#666}.course-item-2 .course-content .progress-section .progress-label .progress-text{color:#333}.course-item-2 .course-content .progress-section .progress-label .progress-percentage{color:var(--primary);font-weight:600}.course-item-2 .course-content .progress-section .progress-bar-container{width:100%;height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden}.course-item-2 .course-content .progress-section .progress-bar-container .progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-100,var(--primary-400)));border-radius:3px;transition:width .6s ease;position:relative}.course-item-2 .course-content .progress-section .progress-bar-container .progress-bar:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3));animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.exam-enrollment-confirmation .modal-content{border-radius:12px;border:none;box-shadow:0 20px 40px rgba(0,0,0,.15);margin:0 auto}.exam-enrollment-confirmation .modal-header{border-bottom:1px solid #e9ecef;padding:1.5rem}.exam-enrollment-confirmation .modal-header .modal-title{font-size:1.5rem;font-weight:600;color:#2d3748}.exam-enrollment-confirmation .modal-body{padding:1.5rem}.exam-enrollment-confirmation .course-summary{background-color:#f8f9fa;border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.exam-enrollment-confirmation .course-summary .course-title{font-size:1.1rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.exam-enrollment-confirmation .course-summary .course-instructor{color:#6c757d;font-size:.9rem;margin-bottom:1rem}.exam-enrollment-confirmation .pricing-details{border:1px solid #e9ecef;border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.exam-enrollment-confirmation .pricing-details .price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.exam-enrollment-confirmation .pricing-details .price-row:last-child{margin-bottom:0}.exam-enrollment-confirmation .pricing-details .price-row .price-label{color:#6c757d;font-size:.9rem}.exam-enrollment-confirmation .pricing-details .price-row .price-value{font-weight:600;color:#2d3748}.exam-enrollment-confirmation .pricing-details .original-price .price-value{text-decoration:line-through;color:#6c757d;font-weight:400}.exam-enrollment-confirmation .pricing-details .discount .price-value{color:var(--primary)}.exam-enrollment-confirmation .pricing-details .total-price{border-top:1px solid #e9ecef;padding-top:.75rem;margin-top:.75rem}.exam-enrollment-confirmation .pricing-details .total-price .price-label{font-weight:600;color:#2d3748;font-size:1rem}.exam-enrollment-confirmation .pricing-details .total-price .price-value{font-size:1.25rem;font-weight:700;color:#2d3748}.exam-enrollment-confirmation .enrollment-notice{background-color:var(--primary-50);border-left:4px solid var(--primary);padding:1rem;margin-bottom:1.5rem;border-radius:4px}.exam-enrollment-confirmation .enrollment-notice p{margin:0;color:var(--primary);font-size:.9rem}.exam-enrollment-confirmation .payer-details{border:1px solid #e9ecef;border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.exam-enrollment-confirmation .payer-details .section-title{font-size:1.1rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.exam-enrollment-confirmation .payer-details .form-group{margin-bottom:1rem}.exam-enrollment-confirmation .payer-details .form-group:last-child{margin-bottom:0}.exam-enrollment-confirmation .payer-details .form-group label{display:block;font-weight:500;color:#2d3748;margin-bottom:.5rem;font-size:.9rem}.exam-enrollment-confirmation .payer-details .form-group input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.exam-enrollment-confirmation .payer-details .form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.exam-enrollment-confirmation .payer-details .form-group input::placeholder{color:#9ca3af}.exam-enrollment-confirmation .modal-footer{border-top:1px solid #e9ecef;padding:1.5rem;display:flex;gap:.75rem;justify-content:flex-end}.exam-enrollment-confirmation .modal-footer .btn-cancel{background-color:#6c757d;border-color:#6c757d;color:#fff;padding:.625rem 1.5rem;border-radius:6px;font-weight:500}.exam-enrollment-confirmation .modal-footer .btn-cancel:hover{background-color:#5a6268;border-color:#545b62}.exam-enrollment-confirmation .modal-footer .btn-confirm{background-color:var(--primary);border-color:var(--primary);color:#fff;padding:.625rem 2rem;border-radius:6px;font-weight:600}.exam-enrollment-confirmation .modal-footer .btn-confirm:hover{background-color:var(--primary-400);border-color:var(--primary-400)}.exam-enrollment-confirmation .modal-footer .btn-confirm:disabled{opacity:.6;cursor:not-allowed}@media(max-width:576px){.exam-enrollment-confirmation .modal-content{margin:1rem;max-width:calc(100% - 2rem)}.exam-enrollment-confirmation .modal-footer{flex-direction:column}.exam-enrollment-confirmation .modal-footer .btn-cancel,.exam-enrollment-confirmation .modal-footer .btn-confirm{width:100%}}