div.col-xs-8.col-md-3 {
    display: flex !important;
    align-items: center !important; /* Vertically center content */
    justify-content: center !important; /* Horizontally center content (optional) */
    height if parent lacks one */
    height: 100% !important; /* Full height of parent */
}

div.brand.company-logo-only {
    display: flex !important;
    align-items: center !important; /* Ensure nested content is centered */
    width: 100% !important; /* Prevent width constraints */
}

div.brand.company-logo-only .logo {
    display: flex !important;
    align-items: center !important;
}

div.brand.company-logo-only .logo img {
    max-height: 100% !important; /* Prevent image overflow */
    max-width: 100% !important; /* Ensure image fits container */
    margin: 0 auto !important; /* Remove any default margins */
}

button.sb-next.btn.next {
    background-color: #3A332B !important; /* Highest priority for background color */
}

section#main-buttons {
    height: 600px !important; /* Maintain height from your CSS */
    min-height: 600px !important; /* Maintain minimum height */
    display: block !important; /* Override Flexbox centering */
    text-align: left !important; /* Ensure parent section doesn’t center content */
    background-color: #f4f4f4 !important;
    background-size: 50% auto !important; /* Set background to half its original size */
}

/* Ensure background scales down responsively on smaller screens */
@media (max-width: 768px) {
    section#main-buttons div.container-fluid.column div.wrapper {
        background-size: contain !important; /* Scale image to fit container while preserving aspect ratio */
    }
}

section#main-buttons div.container-fluid.column div.wrapper div.inner {
    width: 600px !important; /* Set width to 600px */
    max-width: 600px !important; /* Prevent exceeding 600px */
    margin-left: 0 !important; /* Align to the left edge of the parent wrapper */
    margin-right: auto !important; /* Prevent right margin interference */
    text-align: left !important; /* Ensure text content is left-aligned */
}

#header .column {
    max-width: 1200px !important; /* Updated to 1200px per previous request */
    padding: 0 !important; /* Updated to 0 per previous request */
}

.is-widget #header.widget.line .column {
    max-width: 1200px !important; /* Updated to 1200px per previous request */
    padding: 0 !important; /* Updated to 0 per previous request */
}

#client-login button.btn {
    color: #F9F7F4 !important;
}

#sb_book_btn {
    color: #F9F7F4 !important; /* Set text color to dark brown with highest priority */
}

/* Hide main-buttons section and set height to 0 on invoice page */
.sb-layout.page--invoice #main-buttons {
    display: none !important; /* Hide the section */
    height: 0 !important; /* Ensure no vertical space */
    overflow: hidden !important; /* Prevent content from leaking */
    margin: 0 !important; /* Remove any margins */
    padding: 0 !important; /* Remove any padding */
}