.swiper-container {
    width: 100%;
    height: 95vh; /* Ensure it takes full viewport height */
    overflow: hidden;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center;
    position: relative; /* Ensure that #hero-text can be positioned over the slide */
}
.promo-text h1 {
    font-size: 5rem;
    box-sizing: border-box;
}

.swiper-button-next, .swiper-button-prev {
    color: #fff;
}

.swiper-pagination-bullet {
    background: #fff;
}