.carousel-container {
    position: relative;
    max-width: 100%;
    margin: auto;
    overflow: hidden;
    border-radius: 10px; /* Optional: Add some rounding for better look */
}

.carousel-slide img, .carousel-slide video {
    width: 100%;
    display: none; /* Hide all images and videos initially */
}

/* Show only the first image or video by default */
.carousel-slide img:first-child,
.carousel-slide video:first-child {
    display: block;
}

/* Show only the first image by default */
.carousel-slide img:first-child {
    display: block;
}

.carousel-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
}

.dot {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 50%;
    background-color: #bbb; /* Inactive dot color */
    cursor: pointer;
}

.dot.active {
    background-color: #4c83ff; /* Active dot color */
}

.nav{
    color:#fff;
}
.nav:hover{
    color:#c2c2c2;
}

.nav-bar{
    padding:0.4rem 0 0.4rem 0;
    background-color: #94070a;
}

.site_icon{
    width: 2rem;
}
.site_icon:hover{
    opacity: 0.7;
}

@media screen and (max-width:50em) {

    .top_site{
        display: none;
    }

}