/* Flex alignment for header row */
.header-row {
    display: flex;
    align-items: center;
}

/* Header container height and background */
.header-container {
    background-color: #FFE600;
    padding: 20px 15px; /* Increased height */
}

/* Title text styling */
.header-title {
    font-size: 28px; /* Bigger text */
    font-weight: bold;
    color: #016cb2;
    line-height: 1.6; /* Extra height */
    margin: 0;
}

/* Logo styling */
.header-logo {
    max-height: 90px; /* Bigger logo */
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .header-title {
        font-size: 18px;
    }
}
 .text-custom-blue {
            color: #016cb2;
        }
        .fs-2 { font-size: 24px; } /* Bootstrap 3 doesn't have fs-2 */
        .fw-bold { font-weight: bold; } /* Bootstrap 3 doesn't have fw-bold */
        .flex-grow-1 { flex: 1; } /* Custom for flex-grow */

/* Panels fixed width */
.panel-left,
.panel-right {
    transition: transform 0.6s ease-in-out;
}
    /* Slide animation directions */
    .panel-left.slide-out {
        transform: translateX(100%);
    }

    .panel-right.slide-out {
        transform: translateX(-100%);
    }
/* Utility styles */
.text-custom-blue {
    color: #016cb2;
}

.fw-bold {
    font-weight: bold;
}

.fs-2 {
    font-size: 24px;
}