.spinner {width: 40px;height: 40px;border: 4px solid #ddd;border-top: 4px solid #3498db;border-radius: 50%;animation: spin 1s linear infinite;margin: auto;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.course-card {background: #fff;border-radius: 16px;overflow: hidden;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);transition: transform 0.3s ease, box-shadow 0.3s ease;display: flex;flex-direction: column;height: 100%;}.course-card:hover {transform: translateY(-6px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);}.course-img {position: relative;height: 180px;overflow: hidden;}.course-img img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease;}.course-card:hover .course-img img {transform: scale(1.05);}.course-info {padding: 1rem;display: flex;flex-direction: column;flex-grow: 1;justify-content: space-between;}.coach-info {display: flex;align-items: center;margin-bottom: 0.8rem;}.coach-info img {width: 50px;height: 50px;border-radius: 50%;object-fit: cover;border: 2px solid #eee;margin-left: 0.5rem;}.course-title {font-size: 1rem;font-weight: 600;color: #333;margin: 0;}.course-meta {display: flex;justify-content: space-between;font-size: 0.85rem;color: #777;margin: 0.5rem 0;}.course-price {text-align: center;font-weight: bold;font-size: 1rem;color: #222;background: #f8f9fa;padding: 0.6rem;border-top: 1px solid #eee;}.description-p li p {text-align:right!important }