/* sliding Front page marquee */
/* Basic styles */
.bg_dark_blue {
    background-color: #003366; /* Dark blue background */
    position: relative;
    width: 100%; /* Make the container full width */
    height: 50px; /* Set a height */
}

.sliding_carousel > span {
    display: inline-block; /* Make the text block-level to allow it to move */
    white-space: nowrap; /* Prevent text from wrapping */
    color: #ffffff; /* White color for text */
    animation: slide-left 50s linear infinite; /* Apply animation */
}

/* Define the sliding animation */
@keyframes slide-left {
    100% {
        transform: translateX(-100%); /* Start the text offscreen to the right */
    }
    0% {
        transform: translateX(100%); /* Move the text completely offscreen to the left */
    }
}

/* sliding Front page marquee */
.text-20{
    font-size: 20px !important;
}