/* Apply this class to the container/column holding BOTH the image and text */
.custom-brand-header {
    display: flex !important;
    flex-direction: row;
    align-items: center; /* Vertically centers the text with the logo */
    gap: 15px; /* Adds space between the logo and the text */
}

/* Controls the size of the logo image */
.custom-brand-header img {
    max-width: 80px !important; /* Adjust this number to make the logo larger or smaller */
    height: auto;
    object-fit: contain;
}

/* Adjusts the text block to prevent it from stacking too much */
.custom-brand-header p, 
.custom-brand-header h1, 
.custom-brand-header h2 {
    margin: 0;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
}