body {
   font-family: 'Inter', sans-serif;
   background-color: #f8f9fa; /* Equivalent to bg-gray-50 */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
/* Custom transition for a smoother hover effect on cards */
.course-card {
   transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
   border: none;
}
.course-card img {
   border-radius: 13px;
}
.course-card:hover {
   transform: translateY(-8px);
   box-shadow: 0 1rem 1.5rem rgba(0,0,0,.15)!important;
        }
/* Style for the search bar */
.search-bar-wrapper .form-control {
   height: 3.5rem;
   padding-left: 3rem;
   font-size: 1.1rem;
   border-radius: 50rem;
}
.search-bar-wrapper .input-group-text {
   background: transparent;
   border: none;
   position: absolute;
   left: 0.75rem;
   top: 50%;
   transform: translateY(-50%);
   z-index: 10;
}