body {
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #0D4A7D;
    /*color: var(--color-gray-900);*/
}

/**{
    border: 1px solid red;
}*/

.hero-overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Black overlay with 50% opacity */
    z-index: 1; /* Ensures the overlay is above the image */
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0D4A7D;
    --bs-btn-border-color: #0D4A7D;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0B2E4E;
    --bs-btn-hover-border-color: #02294f;
    --bs-btn-focus-shadow-rgb: 40,82,122;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #02294f;
    --bs-btn-active-border-color: #02264a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0D4A7D;
    --bs-btn-disabled-border-color: #0D4A7D;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #C11B1F;
    --bs-btn-border-color: #C11B1F;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #EA2127;
    --bs-btn-hover-border-color: #C11B1F;
    --bs-btn-focus-shadow-rgb: 217,183,0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #C11B1F;
    --bs-btn-active-border-color: #C11B1F;
    --bs-btn-active-shadow: inset 0 3px 5px #fff;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #C11B1F;
    --bs-btn-disabled-border-color: #C11B1F;
}

.btn-outline-primary {
    --bs-btn-color: #0D4A7D;
    --bs-btn-border-color: #0D4A7D;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0D4A7D;
    --bs-btn-hover-border-color: #0D4A7D;
    --bs-btn-focus-shadow-rgb: 2,51,99;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0D4A7D;
    --bs-btn-active-border-color: #0D4A7D;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0D4A7D;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0D4A7D;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #C11B1F;
    --bs-btn-border-color: #C11B1F;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #C11B1F;
    --bs-btn-hover-border-color: #C11B1F;
    --bs-btn-focus-shadow-rgb: 255,215,0;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #C11B1F;
    --bs-btn-active-border-color: #C11B1F;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #C11B1F;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #C11B1F;
    --bs-gradient: none
}

.bg-primary {
    color: #fff !important;
    color: #0D4A7D !important;
    /*background-color: RGBA(13, 74, 125, var(--bs-bg-opacity, 1)) !important*/
}
.bg-secondary {
    color: #fff !important;
    background-color: RGBA(193, 27, 31, var(--bs-bg-opacity, 1)) !important
}

.text-primary {
    color: #0D4A7D !important;
}
.text-secondary {
    color: #C11B1F !important;
}

.min-h-50px,
.min-h-50px-hover:hover,
.hover\:min-h-50px:hover {
    min-height: 50px !important
}
.lg\:min-h-50px,
.lg\:min-h-50px-hover:hover,
.lg\:hover\:min-h-50px:hover {
    min-height: 50px !important
}

.flip-horizontal {
    transform: scaleX(-1);
}

@media (max-width: 768px) {

    .hero-overlay::before {
        background-color: none !important;
        z-index: 1;
    }

}