:root{--primary-blue:#2c3e50;--accent-color:#0d47a1;--secondary-green:#388e3c;--bg-light:#f7f9fb;--card-bg:#ffffff;--shadow-base:0 4px 10px rgba(0, 0, 0, 0.08);--shadow-hover:0 8px 20px rgba(0, 0, 0, 0.15)}body{font-family:'Poppins',sans-serif;background-color:var(--bg-light);color:var(--primary-blue);padding:20px 0}.course-container{margin:0 auto;padding:0 15px}.search-bar-container{display:flex;align-items:center;border:1px solid #ccc;border-radius:6px;overflow:hidden;flex-grow:1;max-width:400px;margin:0 15px}.course-search-input{flex-grow:1;padding:10px 15px;border:none;font-size:15px;color:var(--primary-blue);outline:none}.course-search-btn{padding:10px 15px;background-color:var(--accent-color);color:#fff;border:none;cursor:pointer;transition:background-color 0.3s}.course-search-btn:hover{background-color:#093982}@media (max-width:800px){.search-bar-container{width:100%;margin:0;order:2}}.course-header-filter{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background-color:var(--card-bg);border-radius:10px;padding:10px 20px;box-shadow:var(--shadow-base);margin-bottom:30px;border-top:5px solid var(--accent-color)}.course-nav-tabs{display:flex;gap:5px;padding:5px 0;overflow-x:auto;white-space:nowrap}.nav-tab{padding:10px 15px;border:none;background-color:#fff0;cursor:pointer;font-size:15px;font-weight:500;color:var(--primary-blue);border-radius:6px;transition:all 0.3s;flex-shrink:0}.nav-tab.active{background-color:var(--accent-color);color:#fff;font-weight:600;box-shadow:0 2px 5px rgb(0 0 0 / .2)}.filter-dropdown-container{position:relative;margin-left:auto}.dropdown-toggle-btn{padding:10px 15px;border:1px solid #ccc;background-color:var(--card-bg);cursor:pointer;font-size:15px;font-weight:500;color:var(--primary-blue);border-radius:6px;display:flex;align-items:center;gap:8px}.dropdown-menu-list{position:absolute;top:100%;right:0;background-color:var(--card-bg);border:1px solid #ddd;border-radius:6px;list-style:none;margin-top:5px;z-index:10;min-width:200px;box-shadow:0 8px 16px rgb(0 0 0 / .1);display:none}.dropdown-menu-list.show{display:block}.dropdown-menu-list li a{padding:10px 15px;display:block;text-decoration:none;font-size:14px;color:var(--primary-blue)}.dropdown-menu-list li a:hover{background-color:#e8f0fe;color:var(--accent-color)}.course-summary-text{font-size:16px;color:var(--primary-blue);margin-bottom:25px;font-weight:500}.highlight-count{font-weight:700;color:var(--accent-color)}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.course-card{background-color:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-base);transition:transform 0.3s,box-shadow 0.3s;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.course-image-wrapper{position:relative;height:200px;overflow:hidden}.course-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.course-badge{position:absolute;top:15px;right:15px;background-color:#c62828;color:#fff;padding:5px 12px;font-size:13px;font-weight:600;border-radius:4px}.featured-card{border:3px solid var(--secondary-green)}.card-content{padding:15px 20px 20px 20px;flex-grow:1;display:flex;flex-direction:column}.course-title{font-size:18px;font-weight:700;color:var(--primary-blue);margin-bottom:5px;min-height:48px}.course-instructor{font-size:14px;color:#7f8c8d;margin-bottom:15px}.course-meta-info{display:flex;flex-wrap:wrap;gap:5px 15px;font-size:13px;color:#999;padding-bottom:10px;border-bottom:1px dashed #eee;margin-bottom:15px}.meta-item-date{font-weight:500}.card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px}.price-section{display:flex;flex-direction:column;align-items:flex-start}.current-price{font-size:20px;font-weight:700;color:var(--accent-color)}.free-text{color:var(--secondary-green)}.online-tag{background-color:#e8f0fe;color:var(--accent-color);padding:3px 8px;border-radius:4px;font-size:12px;font-weight:500;margin-top:5px}.featured-tag{background-color:#e6f7e8;color:var(--secondary-green)}.action-buttons{display:flex;gap:8px}.action-btn{padding:10px 15px;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color 0.3s,transform 0.2s;font-size:14px;white-space:nowrap;border:none}.explore-btn{background-color:var(--card-bg);color:var(--accent-color);border:1px solid var(--accent-color)}.explore-btn:hover{background-color:#f0f4f8}.buy-now-btn{background-color:var(--accent-color);color:#fff}.buy-now-btn:hover{background-color:#093982;transform:translateY(-1px)}.enroll-btn{background-color:var(--secondary-green);color:#fff}.enroll-btn:hover{background-color:#2e7d32;transform:translateY(-1px)}@media (max-width:800px){.course-grid{grid-template-columns:1fr}.course-card{max-width:500px;margin:0 auto}.course-header-filter{flex-direction:column;align-items:flex-start;gap:15px}.course-nav-tabs{width:100%;margin-bottom:5px}.filter-dropdown-container{width:100%;margin-left:0}.dropdown-toggle-btn{width:100%;justify-content:space-between}.dropdown-menu-list{min-width:100%;right:0}}@media (max-width:480px){.course-container{padding:0 10px}.card-footer{flex-direction:column;align-items:stretch;gap:10px}.price-section{flex-direction:row;justify-content:space-between;width:100%;align-items:center}.action-buttons{width:100%}.action-btn{flex:1;padding:12px 10px}.course-title{font-size:17px}}