.all-courses-section {padding: 20px;background-color: #f9f9f9;overflow-x: hidden;}.all-courses-section h2 {text-align: center;font-size: 28px;margin-bottom: 20px;}.search-container {text-align: center;margin-bottom: 20px;position: relative;}.search-wrapper {position: relative;display: inline-block;width: 50%;max-width: 1040px;}.course-search-input {width: 100%;padding: 12px 16px;font-size: 16px;border: 1px solid #ddd;border-radius: 20px;box-sizing: border-box;}.course-search-input:focus {outline: none;border-color: #5624d0;box-shadow: 0 0 0 2px rgba(86, 36, 208, 0.1);}.search-suggestions {display: none;position: absolute;top: 100%;left: 0;right: 0;background: #fff;border: 1px solid #d1d7dc;border-radius: 4px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);margin-top: 4px;max-height: 500px;overflow-y: auto;z-index: 1000;width: 100%;}.search-suggestions.selection {display: block;}.search-suggestions::-webkit-scrollbar {display: none;}.search-suggestions {scrollbar-width: none;}.search-suggestions {overflow-y: scroll;}.suggestions-list {padding: 0;margin: 0;}.suggestion-item {display: flex;align-items: center;padding: 12px 16px;text-decoration: none;color: #1c1d1f;transition: background-color 0.2s;cursor: pointer;}.suggestion-item:hover {background-color: #f6f7f9;}.suggestion-item:last-child {border-bottom: none;}.suggestion-thumb-container {width: 60px;height: 60px;flex-shrink: 0;margin-right: 12px;border-radius: 4px;overflow: hidden;background: #f7f9fa;}.suggestion-thumb {width: 100%;height: 100%;object-fit: cover;}.suggestion-content {min-width: 0;}.suggestion-title {font-size: 14px;font-weight: 400;color: #1c1d1f;margin-bottom: 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.suggestion-type {font-size: 12px;color: #6a6f73;}.search-loading, .search-no-results, .search-error {padding: 16px;text-align: center;color: #6a6f73;font-size: 14px;}.search-error {color: #d13438;}@media (max-width: 768px) {.search-wrapper {width: 90%;}.suggestion-item {padding: 10px 12px;}.suggestion-thumb-container {width: 50px;height: 50px;}.suggestion-title {font-size: 13px;}}.courses-container-all {display: flex;flex-wrap: wrap;justify-content: center;max-width: 100%;gap: 20px;}.course-link-all {text-decoration: none;color: black;max-width: 250px;}.course-card-all {flex: 1 1 calc(25% - 20px);border: 1px solid #ddd;border-top-left-radius: 8px;border-top-right-radius: 8px;overflow: hidden;text-align: center;transition: transform 0.3s ease;box-sizing: border-box;}.course-card-all:hover {transform: scale(1.05);}.course-image-container-all {position: relative;width: 100%;height: 250px;overflow: hidden;}.course-image-all {width: 100%;height: 100%;object-fit: cover;}.promotion-badge-all {position: absolute;top: 10px;left: 10px;background-color: red;color: white;padding: 5px;border-radius: 5px;font-size: 14px;}.course-card-all h3 {font-size: 16px;margin: 10px 0;}.course-card-all p {font-size: 18px;font-weight: 500;margin-bottom: 16px;}.course-info-all {display: none;position: absolute;background-color: #fff;border: 1px solid #ddd;padding: 10px;z-index: 1000;width: 300px;}.course-info-all h3 {margin-bottom: 10px;}.course-info-all p {margin-bottom: 10px;}.course-info-all ul {list-style: none;padding-left: 0;}.course-info-all li {margin-left: 16px;padding: 5px 0;}.cta-button-all {display: inline-block;padding: 10px 15px;text-decoration: none;margin-top: 15px;font-size: 16px;width: 100%;text-align: center;transition: transform 0.5s ease;}.cta-button-all:hover {transform: scale(0.98);}.loading-spinner-container {display: flex;align-items: center;justify-content: center;padding: 40px 20px;width: 100%;max-width: 100%;margin: 20px auto 0;box-sizing: border-box;}.loading-spinner {width: 50px;height: 50px;border: 4px solid #f3f3f3;border-top: 4px solid #5624d0;border-radius: 50%;animation: spin 1s linear infinite;margin: 0 auto;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}@media (max-width: 768px) {.course-card-all {flex: 1 1 100%;margin-bottom: 15px;}.course-search-input {width: 90%;}.all-courses-section h2 {font-size: 24px;}.course-card-all p {font-size: 16px;}}@media (min-width: 769px) and (max-width: 1024px) {.courses-container-all {justify-content: space-between;}.course-card-all {flex: 1 1 calc(33.33% - 20px);margin-bottom: 20px;}.course-search-input {width: 75%;}.all-courses-section h2 {font-size: 26px;}.course-card-all p {font-size: 17px;}}@media (min-width: 1025px) {.course-card-all {flex: 1 1 calc(25% - 20px);margin-bottom: 25px;}.all-courses-section h2 {font-size: 28px;}.course-card-all p {font-size: 18px;}}