.afaq-course-card-content{padding:1rem;gap:0;justify-content:flex-start}.afaq-course-card-title{text-align:center;font-family:Poppins,sans-serif;font-weight:700;color:#111827;margin-bottom:0;font-size:1rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;flex-grow:1;display:flex;align-items:center;justify-content:center}@media (max-width:480px){.afaq-course-card{min-height:320px}.afaq-course-card-image-container{height:220px}.afaq-course-card-content{padding:.75rem;min-height:160px}.afaq-course-card-title{font-size:.9rem;min-height:2.4rem}.afaq-course-card-info{flex-direction:row;align-items:flex-start;gap:.25rem}}.afaq-course-card{background-color:#ffffff;border-radius:.75rem;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);width:100%;min-width:262px;height:390px;display:flex;flex-direction:column}.afaq-course-card-image-container{position:relative;height:245px;width:100%;overflow:hidden}.afaq-course-card-image{width:100%;height:245px;object-fit:cover}.afaq-course-card-star-icon{position:absolute;top:.75rem;right:.75rem;width:2.5rem;height:2.5rem;background-color:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.afaq-course-card-star-icon:hover{background-color:#e5e7eb;transform:scale(1.05)}.afaq-course-card-star-icon.favorite{background-color:#fef3c7;border-color:#eab308}.afaq-course-card-star-icon.favorite:hover{background-color:#fde68a}.afaq-course-card-star-icon svg{width:1.25rem;height:1.25rem;transition:all .2s ease}.afaq-course-card-subject-badge{position:absolute;bottom:0;right:0;background-color:#37AEE2;padding:.5rem 1rem;border-top-left-radius:.75rem}.afaq-course-card-subject-text{color:#ffffff;font-family:Poppins,sans-serif;font-weight:700}.afaq-course-card-avatar{position:absolute;top:.75rem;right:.75rem;width:2.5rem;height:2.5rem;background-color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.afaq-course-card-avatar-inner{width:1.5rem;height:1.5rem;background-color:#d1d5db;border-radius:50%}.afaq-course-card-content{padding:.75rem 1rem 1rem;flex:1;display:flex;flex-direction:column;min-height:180px}.afaq-course-card-instructor{text-align:center;font-family:Poppins,sans-serif;color:#4b5563;margin-bottom:.2rem;font-size:.875rem;line-height:1.3;min-height:1.1rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.afaq-course-card-info{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;margin-bottom:.3rem;flex-wrap:wrap;gap:.5rem}.afaq-course-card-chapters{display:flex;align-items:center;gap:.25rem}.afaq-course-card-chapters svg{width:1rem;height:1rem;color:#094EC5}.afaq-course-card-chapters span{color:#094EC5;font-family:Poppins,sans-serif}.afaq-course-card-price{display:flex;align-items:center;gap:.25rem}.afaq-course-card-price svg{width:1rem;height:1rem;color:#00A61C}.afaq-course-card-price span{color:#00A61C;font-family:Poppins,sans-serif}.afaq-course-card-info-item{display:flex;align-items:center;gap:.25rem}.afaq-course-card-chapters-icon{width:1rem;height:1rem;color:#094EC5}.afaq-course-card-chapters-text{color:#094EC5;font-family:Poppins,sans-serif;font-size:.75rem}.afaq-course-card-price-icon{width:1rem;height:1rem;color:#00A61C}.afaq-course-card-price-text{color:#00A61C;font-family:Poppins,sans-serif;font-size:.75rem}.afaq-course-card-enroll-btn{width:100%;margin-top:0;background:linear-gradient(90deg,#fef3c7,#FFCC00);color:#1f2937;padding:.3rem;border-radius:.375rem;border:1px solid #9ca3af;font-family:Poppins,sans-serif;font-size:.875rem;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer}.afaq-course-card-enroll-btn:hover{opacity:.9}.afaq-course-card-access-btn{width:100%;margin-top:0;background:rgb(5,109,5);color:white;padding:.3rem;border-radius:.375rem;border:1px solid black;font-family:Poppins,sans-serif;font-size:.875rem;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer}.afaq-course-card-access-btn:hover{opacity:.9}.afaq-course-card-button{width:100%!important;background:linear-gradient(90deg,#fef3c7,#FFCC00)!important;color:#1f2937!important;padding:.5rem!important;border-radius:.5rem!important;border:.3px solid gray!important;font-family:Poppins,sans-serif!important;font-size:.875rem!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;cursor:pointer!important;transition:all .2s ease!important;margin-top:auto!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important}.afaq-course-card-button:hover{opacity:.9!important;transform:translateY(-1px)!important}.afaq-course-card-button-icon{width:1rem!important;height:1rem!important;filter:brightness(.8)!important}.courses-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;overflow:visible}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9998}.popup-box{background:white;padding:24px;border-radius:12px;max-width:400px;width:90%;box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.popup-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.popup-actions button{padding:8px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease}.popup-actions button:first-child{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.popup-actions button:first-child:hover{background:#e5e7eb}.popup-actions button:last-child{background:linear-gradient(135deg,#3b82f6,#2563eb);color:white}.popup-actions button:last-child:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8)}.popup-actions button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:1200px){.afaq-course-card{max-width:280px}}@media (max-width:920px){.afaq-course-card{max-width:100%}}@media (max-width:768px){.afaq-course-card{max-width:100%}.afaq-course-card-image-container{height:230px}.afaq-course-card-title{font-size:.95rem}.afaq-course-card-instructor{font-size:.8rem}}@media (max-width:480px){.afaq-course-card{min-height:320px}.afaq-course-card-image-container{height:220px}.afaq-course-card-content{padding:.7rem .75rem .75rem;min-height:160px}.afaq-course-card-title{font-size:1rem;min-height:2.4rem}.afaq-course-card-info{flex-direction:row;align-items:flex-start;gap:.25rem}}@media (max-width:579px){.courses-grid{grid-template-columns:1fr;justify-items:center}.afaq-course-card{width:calc(390px - (579px - 100vw) * .4);min-width:262px;max-width:390px}}@media (min-width:580px) and (max-width:1023px){.courses-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.afaq-course-card{width:calc(390px - (1023px - 100vw) * .2);min-width:262px;max-width:390px}}@media (min-width:1024px) and (max-width:1279px){.courses-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.afaq-course-card{width:calc(350px - (1279px - 100vw) * .15);min-width:262px;max-width:350px}}@media (min-width:1280px){.courses-grid{grid-template-columns:repeat(4,1fr);gap:1rem;justify-items:stretch}.afaq-course-card{width:calc(300px - (1600px - 100vw) * .1);min-width:262px;max-width:300px}}@media (max-width:579px){.afaq-course-card{width:clamp(262px,67vw,390px)}}@media (min-width:580px) and (max-width:1023px){.afaq-course-card{width:clamp(262px,38vw,390px)}}@media (min-width:1024px) and (max-width:1279px){.afaq-course-card{width:clamp(262px,27vw,350px)}}@media (min-width:1280px){.afaq-course-card{width:clamp(262px,23vw,300px)}}@media (max-width:579px){.courses-grid{grid-template-columns:1fr;justify-items:stretch}.afaq-course-card{width:100%;min-width:262px}}@media (min-width:580px) and (max-width:1023px){.courses-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;justify-items:stretch}.afaq-course-card{width:100%;min-width:262px}}@media (min-width:1024px) and (max-width:1279px){.courses-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;justify-items:stretch}.afaq-course-card{width:100%;min-width:262px}}@media (min-width:1280px){.courses-grid{grid-template-columns:repeat(4,1fr);gap:1rem;justify-items:stretch}.afaq-course-card{width:100%;min-width:262px}}@media (min-width:1600px){.courses-grid{grid-template-columns:repeat(5,1fr);gap:1rem;justify-items:stretch}.afaq-course-card{width:100%;min-width:262px}}@media (min-width:1920px){.courses-grid{grid-template-columns:repeat(6,1fr);gap:1rem;justify-items:stretch}.afaq-course-card{width:100%;min-width:262px}}