[data-theme=blue] {
    --bs-primary: #440922;
}
:root,
[data-bs-theme=light] {
    --bs-primary: #440922;
}
.marquee-container {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.marquee {
    display: inline-block;
    white-space: nowrap;
    /*animation: scrollText 50s linear infinite;*/
    animation: scrollText 180s linear infinite;   /* Faster */
    animation-delay: 0s;
}


@keyframes scrollText {
    from {
        transform: translateX(10%);
    }
    to {
        transform: translateX(-100%);
    }
}

#photoPreview {
    display: none;
    max-width: 100%;
    height: auto;
    margin-top: 10px;
    border: 2px solid #ddd;
    border-radius: 10px;
    padding: 5px;
}

 /*.bg-home .bg-overlay {*/
     /*background: url(../images/Header_RoleIndex_Nurses_Desktop_0x.png) center center / cover;*/
     /*!*background: url(../images/home/img-01.png) center center / cover;*!*/
     /*background-position: center center;*/
 /*}*/


.bg-home .bg-overlay {
    background: url(../images/home/Header_RoleIndex_Nurses_Desktop_0.png) center center / cover;
    background-position: center center;
}


.bg-home::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(90, 79, 207, 0.6); /* purple overlay with 60% opacity */
    z-index: 1;
}

.bg-home .container,
.bg-home .text-white,
.bg-home form {
    position: relative;
    z-index: 2; /* Ensure content is above the overlay */
}
.bg-overlay {
    transition: opacity 1s ease-in-out;
}

/*.page-title-box {*/
    /*!*background-image: url(../images/home/page-title.png);*!*/
    /*background-image: url(../images/home/page-banner.png);*/
/*}*/
.page-title-box {
    position: relative;
    background-image: url(../images/home/page-banner.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

/* Overlay with color and opacity */
.page-title-box::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(90, 79, 207, 0.5); /* Adjust color + opacity here */
    z-index: 2;
}

/* Ensure text and content are above overlay */
.page-title-box > * {
    position: relative;
    z-index: 3;
}


.py-2 {
    padding-bottom: .9rem !important;
}
@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-item .nav-link {
        padding: 8px 15px;
        color: white;
    }
}