.course-card-image{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease-in-out}.transition-img:hover{transform:scale(1.05)}@media (min-width:768px){.course-card-image{height:auto}}@media (min-width:992px){.course-card-image{height:auto}}.course-mode-badge{position:absolute;top:10px;left:10px;padding:6px 12px;border-radius:20px;font-size:10px;font-weight:600;text-transform:uppercase;background-color:#62cfd4;color:white}.course-mode-badge.online{background-color:#28a745}.course-mode-badge.offline{background-color:#6c757d}.fee-info .gross-fee{font-size:14px}.fee-info .net-fee{font-size:18px}.animated-card{transition:all .3s ease-in-out;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.animated-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.ripple-effect{position:relative;overflow:hidden}.courseColor{background-color:#164c53;color:white}.ripple-effect:after{content:"";position:absolute;background:rgba(255,255,255,.4);border-radius:50%;transform:scale(0);animation:ripple-animation .6s linear;width:100%;height:100%;top:0;left:0}@keyframes ripple-animation{to{transform:scale(2.5);opacity:0}}.animated-badge{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:767.98px){.course-card .p-card-title{font-size:1rem}.net-fee{font-size:16px!important}.gross-fee{font-size:13px!important}.course-mode-badge{font-size:10px;padding:4px 10px}.course-card-image{height:auto}.filter-btn{white-space:normal!important;border-radius:6px!important;gap:10px!important;padding:8px 12px!important;font-size:11px!important;width:100%!important}.filter-btn,.filter-button-group{justify-content:space-between!important}.filter-button-group{flex-wrap:nowrap!important;gap:8px!important}}@media (max-width:576px){.course-card-image{height:auto}.course-card .p-card-title{font-size:.95rem}.fee-info{flex-direction:column;gap:4px}.course-mode-badge{font-size:9px}.p-card-footer{display:flex;justify-content:center}}.course-card .p-card-body{padding:1rem .75rem}.course-card .p-card-title{min-height:48px;display:flex;align-items:center}.filter-btn{border-radius:50px;padding:10px 28px;font-weight:600;font-size:16px;display:flex;align-items:center;gap:10px;border:none;cursor:pointer;position:relative;overflow:hidden;transition:background-color .5s ease,color .5s ease,box-shadow .5s ease;box-shadow:0 2px 6px rgba(0,0,0,.05);white-space:nowrap}.filter-btn:hover{box-shadow:0 4px 12px #164c53}.filter-btn-active{color:white}.filter-btn-active,.filter-btn-active:hover{background-color:#164c53}.filter-btn-inactive{background-color:#f2f3f5;color:#4b4f56}.filter-btn-inactive:hover{background-color:#e6e8eb;color:#2c2f33}.filter-btn .icon{font-size:18px}.filter-btn:after{content:"";position:absolute;border-radius:50%;width:100px;height:100px;top:50%;left:50%;pointer-events:none;transform:translate(-50%,-50%) scale(0);background-color:rgba(255,255,255,.4);transition:transform .4s ease-out,opacity .6s ease-out;opacity:0}.filter-btn:active:after{transform:translate(-50%,-50%) scale(1.5);opacity:1}.filter-button-group{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:1.5rem}.filter-btn{width:320px;justify-content:center}