#bnsfimpact25 { background: #e7e7e9; font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif; }
#bnsfimpact25 .navbar-brand img { height: 30px; }
#bnsfimpact25 .navbar .navbar-text { color: #f15f22; font-weight: bold; margin-left: 20px; font-size: 20px; }
#bnsfimpact25 .nav-link { color: #000; font-weight: bold; }
#bnsfimpact25 .nav-link:hover { color: #f15f22; }

#bnsfimpact25 .nav-link.active { background: #f15f22 !important; color: #fff !important; border: none; }
#bnsfimpact25 .nav-link { color: #fff; text-decoration: none !important; padding: 3px 20px; }
#bnsfimpact25 .nav-link:hover { background: #fff; }
#bnsfimpact25 .nav-item { padding: 0 15px; }
#bnsfimpact25 .navbar-nav .nav-item:nth-child(2), #bnsfimpact25 .navbar-nav .nav-item:nth-child(3), #bnsfimpact25 .navbar-nav .nav-item:last-child { border-left: 5px solid #fff; }
#bnsfimpact25 .intro { text-align: center; }
#bnsfimpact25 .intro a { text-decoration: none !important; display: contents; width: 90%; }
#bnsfimpact25 .intro div { padding: 270px 2% 20px 2%; }
#bnsfimpact25 .intro h3 { color: #fff; font-size: 28px; font-weight: normal; }
#bnsfimpact25 .intro h4 { color: #fff; font-size: 16px; font-weight: normal; }
#bnsfimpact25 .intro1 { background: url(images/2025/intro1.jpg); background-size: cover; }
#bnsfimpact25 .intro2 { background: url(images/2025/intro2.jpg) center center; background-size: cover; }
#bnsfimpact25 .intro3 { background: url(images/2025/intro3.jpg); background-size: cover; }

/* .introbottom { position: absolute; bottom: 40px; left: -25%; width: 800px; width: 50%; background: rgba(255,255,255,.8); padding: 25px 30px 15px 30px; border-radius: 20px; } */
#bnsfimpact25 .introbottom { background: #f15f22; color: #fff; font-size: 14px; padding: 25px 30px 15px 30px; position: absolute; bottom: 40px; left: 50%; margin-left: -500px; width: 1000px; }
#bnsfimpact25 .arrowlink { width: 300px; }
#bnsfimpact25 .arrowlinksmall { width: 20px; }
#bnsfimpact25 .waveform-container { width: 100%; height: 150px; }
#bnsfimpact25 .waveform-svg { width: 100%; height: 100%; }

#bnsfimpact25 .btn-secondary { background: #f15f22; color: #fff !important; border: 0; text-decoration: none !important; text-transform: capitalize; }
#bnsfimpact25 .btn-secondary:hover { background: #c74d19; color: #fff !important; border: 0; }
#bnsfimpact25 .btn-primary { background: #f15f22; color: #fff; border: 0; text-decoration: none !important; }
#bnsfimpact25 .btn-primary:hover { background: #c74d19; color: #fff !important; border: 0; }
#bnsfimpact25 footer { padding: 20px 0; background: #f15f22; }
#bnsfimpact25 footer li { list-style: none; float: left; margin-right: 20px; }
#bnsfimpact25 footer a { text-decoration: none; color: #000; font-size: 13px; font-weight: bold; color: #fff; }
#bnsfimpact25 footer a.active { color: #fff !important; text-decoration: underline; }
#bnsfimpact25 .footerlogo { height: 25px; }

/* borders */
#bnsfimpact25 .brb { border-bottom: 2px solid #f15f22; }
#bnsfimpact25 .br15 { border-radius: 15px; }
/* background */
#bnsfimpact25 .bgorangebox { background: #f15f22; }
#bnsfimpact25 .bgtan { background: #f2f1e7; }
#bnsfimpact25 .bgblue { background: #506478; color: #fff; }
#bnsfimpact25 .bgskyblue { background: #dff0f8; }
#bnsfimpact25 .bggray { background: #dde4e8; }

#bnsfimpact25 .bgorange { background: #f58220; }
#bnsfimpact25 .bggreen { background: #95b060; }
#bnsfimpact25 .bglightgreen { background: #e7ecda; }
#bnsfimpact25 .bganotherblue { background: #cce3ec; }
#bnsfimpact25 .bgmidblue { background: #98cbdf; }
#bnsfimpact25 .font-tan { color: #dbd8bd; }
#bnsfimpact25 .bgvision { background: url(images/2025/bgOurVision.jpg) no-repeat center center; background-size: cover; text-align: center; padding: 150px 50px; }
#bnsfimpact25 .fwbold { font-weight: bold !important; }
#bnsfimpact25 .brgray { border-right: 2px solid #506478; }
#bnsfimpact25 .brorange { border-right: 2px solid #f15f22; }
#bnsfimpact25 .italic { font-style: italic; }
#bnsfimpact25 .bgleaf { background-image: url(images/bg-leaf.png); background-repeat: no-repeat; background-position: center center; background-size: cover; }

/* typography */
#bnsfimpact25 h1 { font-size: 4.5rem; line-height: 5rem; font-weight: normal; text-transform: uppercase; }
#bnsfimpact25 #thehome { background: url(images/2025/bgheader.jpg) no-repeat top left; height: 90vh !important; background-size: cover; display: block; position: relative; }
#bnsfimpact25 #thehome h1 { font-size: 2rem; line-height: 2rem; font-weight: 500; letter-spacing: 3px; }
#bnsfimpact25 #thehome .introtxt { font-size: 16px; line-height: 23px; }
#bnsfimpact25 #thepeople { background: url(images/2025/bgheaderPeople.jpg) no-repeat top left; height: 90vh !important; background-size: cover; display: block; position: relative; }
#bnsfimpact25 #thepeople h1 { font-size: 2rem; line-height: 2rem; font-weight: 500; letter-spacing: 3px; }

#bnsfimpact25 #thepeople .introtxt { font-size: 16px; line-height: 23px; }
#bnsfimpact25 #theenv { background: url(images/2025/bgEnv.jpg) no-repeat top left; height: 90vh !important; background-size: cover; display: block; position: relative; }
#bnsfimpact25 #theenv h1 { font-size: 2rem; line-height: 2rem; font-weight: 500; letter-spacing: 3px; }
#bnsfimpact25 #theenv .introtxt { font-size: 16px; line-height: 23px; }
#bnsfimpact25 #theinteg { background: url(images/2025/bgInteg.jpg) no-repeat top left; height: 90vh !important; background-size: cover; display: block; position: relative; }
#bnsfimpact25 #theinteg h1 { font-size: 2rem; line-height: 2rem; font-weight: 500; letter-spacing: 3px; }
#bnsfimpact25 #theinteg .introtxt { font-size: 16px; line-height: 23px; }

#bnsfimpact25 h2 { font-weight: bold; font-size: 3rem; }
#bnsfimpact25 .ojtxt { color: #f15f22; }
#bnsfimpact25 h2.ojtxt, #bnsfimpact25 h3.ojtxt { font-size: 2.3rem; }
#bnsfimpact25 .bgvision a { color: #f15f22; }
#bnsfimpact25 a { color: #f15f22; text-decoration: none; cursor: pointer; }
#bnsfimpact25 a:hover { text-decoration: underline; }
#bnsfimpact25 .carousel-control-next, #bnsfimpact25 .carousel-control-prev { opacity: 1; }
#bnsfimpact25 .carousel-control-prev-icon { background-image: url(images/arrow-left.png); }
#bnsfimpact25 .carousel-control-next-icon { background-image: url(images/arrow-right.png); }
#bnsfimpact25 hr { border: 1px solid #f15f22; background: #f15f22; opacity: 1; }
#bnsfimpact25 .nobull { padding: 0; }
#bnsfimpact25 .nobull li { list-style-type: none; }

#bnsfimpact25 .marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}

#bnsfimpact25 .marquee-content {
    display: inline-flex;
    padding-left: 10%; /* Ensures the animation starts offscreen */
    animation: scroll-left 70s linear infinite; /* Adjust time as needed */
}

#bnsfimpact25 .marquee-content img {
    display: inline-block;
    margin-right: 10px; /* Adjust spacing between images as needed */
}

#bnsfimpact25 #env h1 { font-size: 3rem; line-height: 3rem; padding: 0; margin: -10px 0 0 0; }
#bnsfimpact25 .text-left { text-align: left !important; }
#bnsfimpact25 .text-center { text-align: center !important; }
#bnsfimpact25 .text-right { text-align: right !important; }

/* 2025 */
#bnsfimpact25 .headertitle { max-width: 350px; display: block; margin: auto; padding: 0; }
#bnsfimpact25 .fs-1 { font-size: 3rem !important; }
#bnsfimpact25 .ojtxt.fs-1 { font-size: 2.5rem !important; }

#bnsfimpact25 .nobg { background: none !important; }
#bnsfimpact25 .negmtop { margin-top: -100px; }
#bnsfimpact25 .bgppa { background: url(images/2025/pp1.jpg) no-repeat; background-size: cover; }

@keyframes scroll-left {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-1 * (100% + 50px))); /* 100% is one image width, 50px is the margin-right */
    }
}

@media (max-width: 1000px) {
    #bnsfimpact25 #thehome { height: 200vh; }
    #bnsfimpact25 h1 { font-size: 2.7rem; }
    #bnsfimpact25 h2 { line-height: normal; font-size: 2rem; padding: 0; margin: 0; }
    #bnsfimpact25 .bgvision { padding: 150px 50px !important; }
    #bnsfimpact25 .col-12.bgorangebox .m-3.px-5.py-3 { padding: 10px !important; }
    #bnsfimpact25 .introbottom { width: 90%; max-width: none; display: block; margin: auto; right: 0; left: 0; font-size: 12px; padding: 10px 20px; }
    #bnsfimpact25 .py-5:has(.bgvision) { padding: 0 !important; }
    #bnsfimpact25 .navbar-toggler { background: #fff; border: 0; }
    #bnsfimpact25 .bgppa .text-right { text-align: left !important; }
    #bnsfimpact25 #theenv .container { padding-left: 30px; padding-right: 30px; }
    #bnsfimpact25 #theenv {
        background: url(images/2025/bgEnv.jpg) no-repeat -200px 0;
        height: 50vh !important;
        background-size: cover;
        display: block;
        position: relative;
    }
    #bnsfimpact25 #thepeople {
        background: url(images/2025/bgheaderPeople.jpg) no-repeat -100px 0;
        height: 50vh !important;
        background-size: cover;
        display: block;
        position: relative;
    }
    #bnsfimpact25 #theinteg {
        background: url(images/2025/bgInteg.jpg) no-repeat top center;
        height: 50vh !important;
        background-size: cover;
        display: block;
        position: relative;
    }
    #bnsfimpact25 #thehome {
        background: url(images/2025/bgheader.jpg) no-repeat -100px 0;
        height: 70vh !important;
        background-size: cover;
        display: block;
        position: relative;
    }

    #bnsfimpact25 .brorange {
        border-right: none;
    }

    #bnsfimpact25 .mw80 { max-width: 80%; display: block; margin: auto; }
    #bnsfimpact25 .navbar-nav { margin-top: 20px; }
    #bnsfimpact25 .navbar-nav .nav-item {
        border-left: 0;
        background: #fff;
        margin: 0 15px;
        color: #ff7700 !important;
        padding: 0 !important;
    }
    #bnsfimpact25 .navbar-nav .nav-item a {
        border-left: 0;
        background: #fff;
        margin: 0;
        color: #ff7700 !important;
    }
    #bnsfimpact25 .navbar-nav .nav-item a.active {
        color: #fff !important;
    }
    #bnsfimpact25 .navbar-nav .nav-item:nth-child(2), #bnsfimpact25 .navbar-nav .nav-item:nth-child(3), #bnsfimpact25 .navbar-nav .nav-item:last-child {
        border-left: 0;
    }
    #bnsfimpact25 .ojtxt.fs-1 { font-size: 2rem !important; }
}