/* Dynamic Course Detail Page Styles */

/* Interactive Zoom Scroll Image */
.zoom-scroll-image {
    transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 1s ease;
    transform: scale(0.97);
    box-shadow: 0 10px 30px -15px rgba(10, 31, 92, 0.1);
}

.zoom-scroll-image.active {
    transform: scale(1.02);
    box-shadow: 0 20px 40px -10px rgba(10, 31, 92, 0.15);
}

/* Track Selector Tabs styling */
.track-tab-btn {
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.track-tab-btn:hover {
    border-color: #F36F21;
}

.track-tab-btn.active {
    background-color: #0A1F5C;
    color: white;
    border-color: #0A1F5C;
}