/* Custom styles for the hero background image */
.hero-bg {
    /* Using a placeholder for the background image */
    background-image: url('../images/banner.jpg');
    background-position: center center;
}
.main-hero-bg {
    /* Using a placeholder for the background image */
    background-image: url('../images/Screenshot_1.jpg');
    /* background-position: center center; */
}

/* Using the exact dark blue and red from the screenshot */
:root {
    --brand-blue: #192a56;
    /* More accurate dark blue */
    --brand-red: #d62828;
    /* More accurate red */
}

.bg-brand-blue {
    background-color: var(--brand-blue);
}

.text-brand-blue {
    color: var(--brand-blue);
}

.bg-brand-red {
    background-color: var(--brand-red);
}

.text-brand-red {
    color: var(--brand-red);
}

.border-brand-blue {
    border-color: var(--brand-blue);
}

.hover\:bg-brand-red-dark:hover {
    background-color: #b02020;
}

.hover\:bg-brand-blue-dark:hover {
    background-color: #101c3a;
}

/* Custom styles for small text */
.text-xxs {
    font-size: 0.65rem;
    line-height: 1rem;
}

/* Custom style for vertical sticky button */
.writing-mode-vertical {
    writing-mode: vertical-rl;
    text-orientation: mixed;
}