html {
    /* font-size: 110%; */
}

.footer {
    font-size: 80%;
    background-color: var(--bs-gray-200);
}

.page-header {
    margin-top: 0;
    height: 10rem;
}

.page-not-found {
    height: 50vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    /* text-align: center; */
    /* background-color: #f8f9fa; */
    /* Set your desired background color */
    font-family: var(--bs-font-sans-serif);
}

.hero-section {
    height: calc(100vh - 100px);
    display: flex;
    align-items: center;
    justify-content: center;
    /* text-align: center; */
    /* background-color: #f8f9fa; */
    /* Set your desired background color */
    font-family: var(--bs-font-sans-serif);
}

.hero-carousel .carousel-item {
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}

.hero-carousel .carousel-item.active {
    opacity: 1;
    transition: opacity 0s ease-in-out;
}

.container-fluid .overlay {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 128, 128, 0.30); /* Black background with 50% transparency */
}

.mark-white {
    background-color: floralwhite;    
    color: black;
}

.container ul {
    padding-left: revert;
}