.banner-icon {
    width: 24px;
    height: 24px;
    background-image: none;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.bc-fit {
    background-position: 0 1px;
}

.bc-arrow {
    background-position: 0 -29px;
}

.bc-testimonial {
    background-position: 0 -338px;
}

.bg-orange {
    background-color: #FFCC66;
}

/* Banner navigation buttons */
.banner-nav button {
    width: 12px;
    height: 12px;
    border: 1px solid #666;
    transition: all 0.2s ease;
}

.banner-nav button:hover {
    transform: scale(1.2);
}

/* Animation for banner transitions */
#banner {
    transition: background-color 0.3s ease;
}

@media (max-width: 576px) {
    #banner .d-flex {
        gap: 0.25rem;
    }
}