/* Secondary Button Styles */
.btn.btn-secondary {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.9);
}

.btn.btn-secondary:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.5);
    color: #fff;
}

/* Button spacing in rb-buttons container */
.rb-buttons .btn {
    margin-right: 10px !important;
}

.rb-buttons .btn:last-child {
    margin-right: 0 !important;
}

/* Ensure secondary buttons in the rb-buttons container maintain proper spacing */
.rb-buttons .btn.btn-secondary {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.rb-buttons .btn.btn-secondary:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.5);
}

/* Mobile responsiveness for button spacing */
@media(max-width: 991px) {
    .rb-buttons .btn {
        margin-right: 5px !important;
        margin-bottom: 5px;
    }
    
    .rb-buttons .btn:last-child {
        margin-right: 0 !important;
    }
}

/* Adjust progress bar position to have equal spacing with buttons */
.flowBarContainer {
    right: 473px !important; /* Position with same 10px gap as between buttons */
}

@media(max-width: 1400px) {
    .flowBarContainer {
        right: 453px !important;
    }
}

@media(max-width: 1200px) {
    .flowBarContainer {
        right: 433px !important;
    }
}

@media(max-width: 991px) {
    .flowBarContainer {
        right: 5px !important; /* Reset to original on mobile */
        top: 45px !important;
    }
}