.search-base-container .custom-input-design input,
 .search-base-container .custom-input-design .form-select {
     padding: 8px 5px !important;
 }

 .university-list-view .university-card {
     background: #fff;
     border-radius: 16px;
     overflow: hidden;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
     transition: all 0.3s ease;
     border: 1px solid #eeeff4;
     height: 100%;
     display: flex;
     flex-direction: column;
 }

 .university-list-view .university-card:hover {
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
     transform: translateY(-4px);
 }

 .university-list-view .university-card-header {
     /*  padding: 16px 20px; */
     /* display: flex; */
     /* justify-content: flex-end; */
     text-align: center;
 }

 .university-list-view .open-badge {
     background: linear-gradient(99.57deg, #FE5733 0%, #98341F 100%);
     color: #fff;
     padding: 2px 29px;
     margin-bottom: 16px;
     border-bottom-left-radius: 8px;
     border-bottom-right-radius: 8px;
     font-weight: 600;
     font-size: 14px;
     display: inline-block;
 }

 .university-list-view .university-info {
     padding: 0 20px 0px 20px;
 }

 .university-list-view .university-logo {
     width: 50px;
     height: 50px;
     object-fit: contain;
     border-radius: 4px;
 }

 .university-list-view .university-info h5 {
     color: #16171a;
     font-size: 16px;
     font-weight: 600;
     line-height: 1.3;
 }

 .university-list-view .stats-row {
     gap: 20px;
 }

 .university-list-view .stat-item {
     flex: 1;
 }

 .university-list-view .stat-icon {
     width: 56px;
     height: 56px;
     object-fit: contain;
 }

 .university-list-view .university-image {
     width: 100%;
     overflow: hidden;
     border-radius: 12px;
     margin: 0 20px;
     max-width: calc(100% - 40px);
 }

 .university-list-view .university-image img {
     width: 100%;
     /* height: 200px; */
     object-fit: cover;
     border-radius: 12px;
 }

 .university-list-view .university-footer {
     padding: 15px;
     margin-top: auto;
     cursor: pointer;
     transition: background-color 0.3s ease;
 }

 .university-list-view .university-footer:hover {
     background-color: #f5f5f7;
 }

 .university-list-view .fall-icon {
     width: 40px;
     height: 40px;
     object-fit: contain;
 }

 .university-list-view .view-all-btn {
     background-color: #16171a;
     color: #fff;
     padding: 16px 48px;
     border-radius: 8px;
     font-weight: 600;
     font-size: 16px;
     border: none;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .university-list-view .view-all-btn:hover {
     background-color: #fe5722;
     transform: translateY(-2px);
     box-shadow: 0 4px 12px rgba(254, 87, 34, 0.3);
 }

 @media (max-width: 991px) {
     .university-list-view .university-section {
         padding: 60px 0;
     }

     .university-list-view .university-info h5 {
         font-size: 14px;
     }
 }

 @media (max-width: 767px) {

     .university-list-view .stats-row {
         flex-direction: column;
         gap: 15px;
     }

     .university-list-view .stat-item {
         width: 100%;
     }

     .university-list-view .university-image img {
         height: 180px;
     }

     .university-list-view .view-all-btn {
         padding: 14px 36px;
         font-size: 15px;
     }
 }

 /* Allow partial next slide to show */
 .university-list-view .slick-list {
     overflow: visible;
     padding-left: 0px;
     /* fix first card cut */
 }

 /* Add spacing between cards */
 .university-list-view .slick-slide {
     margin-right: 20px;
     /* gap between cards */
     box-sizing: border-box;
 }

 /* Course Cards Styles */
 .search-base-container {
     /* Course Header */
     /* Course Details Grid */
     /* Season Badge */
     /* Test Scores Footer */
     /* Responsive Design */
 }

 .search-base-container .course-card {
     background: #fff;
     border: 1px solid #e5e7eb;
     border-radius: 12px;
     padding: 0px 0px 10px 0px;
     transition: all 0.3s ease;
     height: 100%;
     display: flex;
     flex-direction: column;
 }

 .search-base-container .course-card:hover {
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
     transform: translateY(-4px);
 }

 .search-base-container .course-header {
     display: flex;
     align-items: flex-start;
     gap: 12px;
     /* margin-bottom: 24px; */
     border-radius: 8px;
     padding: 12px;
     background: #F2F4F7;
 }

 .search-base-container .university-logo {
     width: 50px;
     height: 50px;
     border-radius: 8px;
     object-fit: cover;
     flex-shrink: 0;
 }

 .search-base-container .course-title-wrapper {
     flex: 1;
 }

 .search-base-container .course-title {
     font-size: 16px;
     font-weight: 600;
     color: #1f2937;
     margin: 0 0 4px 0;
     line-height: 1.4;
 }

 .search-base-container .university-name {
     font-size: 13px;
     color: #6b7280;
     margin: 0;
     line-height: 1.4;
 }

 .search-base-container .course-details-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 16px;
     margin-bottom: 20px;
     padding: 0px 24px;
     padding-top: 12px;
 }

 .search-base-container .detail-item {
     display: flex;
     align-items: flex-start;
     gap: 10px;
 }

 .search-base-container .detail-icon {
     flex-shrink: 0;
     width: 22px;
     height: 22px;
     color: #374151;
 }

 .search-base-container .detail-icon svg {
     width: 100%;
     height: 100%;
 }

 .search-base-container .detail-text {
     display: flex;
     flex-direction: column;
     gap: 2px;
 }

 .search-base-container .detail-label {
     font-size: 12px;
     color: #9ca3af;
     font-weight: 400;
     line-height: 1.3;
 }

 .search-base-container .detail-value {
     font-size: 14px;
     color: #1f2937;
     font-weight: 600;
     line-height: 1.3;
 }

 .search-base-container .intake-sections {
     padding: 0px 24px;
 }

 .search-base-container .container .university-footer .season-badge {

     gap: 3px !important;
     padding: 4px 6px !important;
     margin-bottom: 10px !important;
 }

 .search-base-container .season-badge {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     padding: 6px 12px;
     background: #e0f2fe;
     border-radius: 32px;
     margin-bottom: 20px;
     width: fit-content;
 }

 .search-base-container .season-icon {
     width: 16px;
     height: 16px;
     color: #0ea5e9;
 }

 .search-base-container .season-badge span {
     font-size: 13px;
     color: #0369a1;
     font-weight: 500;
 }

 .search-base-container .test-scores {
     display: flex;
     align-items: center;
     justify-content: space-around;
     border-top: 1px solid #f3f4f6;
     margin-top: auto;
     padding: 10px 24px 0px 24px;
 }

 .search-base-container .score-item {
     display: flex;
     /* flex-direction: column; */
     align-items: center;
     gap: 4px;
 }

 .search-base-container .score-label {
     font-size: 12px;
     color: #6b7280;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: 0.5px;
 }

 .search-base-container .score-value {
     font-size: 14px;
     color: #1f2937;
     font-weight: 600;
 }

 @media (max-width: 768px) {
     .search-base-container .course-card {
         padding: 0px 0px 10px 0px;
     }

     .search-base-container .course-details-grid {
         grid-template-columns: 1fr;
         gap: 14px;
     }

     .search-base-container .course-title {
         font-size: 15px;
     }

     .search-base-container .test-scores {
         flex-wrap: wrap;
         gap: 12px;
     }
 }

 .autocomplete-suggestions {
     border: none;
 }

 .autocomplete-suggestion {
     color: var(--primary-theme) !important;
     text-transform: capitalize;
     padding: 0.3em !important;
 }

 #loading-img {
     width: 20%;
 }


 .university-list-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 0px 20px;
     /* margin-bottom: 2rem; */
 }

 .university-list-grid .university-card {
     height: auto !important;
 }

 /* Tablet */
 @media (max-width: 992px) {
     .university-list-grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 /* Mobile */
 @media (max-width: 576px) {
     .university-list-grid {
         grid-template-columns: 1fr;
     }
 }

 .fade-in {
     animation: fadeIn 0.5s ease-in;
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(20px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 #loadingMoreSpinner {
     padding: 1rem;
 }

 .trending-category-badge {
     text-transform: capitalize;
 }

 .filter-wrapper input {
     text-transform: capitalize;
 }

 .modern-tabs {
     border: none;
     background-color: #E9E5E3;
     gap: 0;
     margin-bottom: 0;
     display: inline-flex;
     border-radius: 8px;
     padding: 5px;
     overflow: hidden;
     justify-content: center;
     white-space: nowrap;
 }

 .modern-tabs .nav-item {
     margin: 0;
     flex: 1;
 }

 .modern-tabs .nav-link {
     border: none;
     border-radius: 8px;
     background-color: transparent;
     color: #666666;
     padding: 8px 20px;
     font-weight: 400;
     transition: all 0.2s ease;
     width: 100%;
     text-align: center;
 }

 .modern-tabs .nav-link:hover {
     /*  background-color: rgba(255, 255, 255, 0.5); */
     color: #333333;
 }

 .modern-tabs .nav-link.active {
     background-color: #ffffff;
     color: #333333;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
 }

 .tab-content {
     /* padding: 24px; */
     background-color: #ffffff;
     border-radius: 0 0 8px 8px;
 }

 .university-list-grid:has(.no-data-found) {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .university-list-grid:has(.no-data-found) {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .country_image {
     display: ruby;
     font-size: 13px;
 }