/* Add custom styles here */
        .nav-link img {
            height: 20px;
            margin-right: 8px;
        }

        .btn-chevron {
            position: relative;
        }

        .btn-chevron::after {
            content: "\f054";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
        }
        .card {
            animation: fadeInAnimation 0.5s ease-in-out;
        }
        .jumbotron-custom {
        /* background-image: url('{{ course_data['background_image'] }}'); */
        background-size: cover;
        background-position: center;
        color: #0b0a0a; /* Set text color for better contrast */
        padding: 4rem 2rem; /* Adjust padding as needed */
        text-align: center; /* Center content vertically and horizontally */
        }

        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
                transform: translateY(-20px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }