:root {
    --theme-color-orange: #ee8826;
    --theme-color-teal: #207f95;
}

.frosted-layer {
    z-index: 1000;
    position: relative;
    margin-top: 70px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px; /* Slightly rounded corners for a glass-like effect */
    padding: 10px; /* Add padding to create space around the text */
    backdrop-filter: blur(10px); /* Applies the blur to the background */
    -webkit-backdrop-filter: blur(10px); /* Safari support */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
    max-width: 90%; /* Ensure the frosted layer doesn’t take up too much width */
    /* margin: auto; Centering the frosted box */
}

.banner-image {
    background-image: url("../images/main_banner_card1.png");
    background-size: cover;
}

.navbar {
    z-index: 1050;
}

.navbar-logo {
    width: 50px;
    height: auto;
}

hr{
    color: white;
}

.nav-tabs .nav-link {
    color: #ffffff;
    font-weight: bold;
}

.nav-tabs .nav-link.active {
    color: var(--theme-color-orange);
    background-color: transparent;
    border-color: transparent transparent var(--theme-color-orange);
}

.nav-tabs .nav-link:hover {
    color: var(--theme-color-teal);
}