﻿ 

.panel1 card {
    height: 1rem;
}
.mt-25{
    margin-top:25px;
}
.sub-content {
    border: 0px double;
    padding: 20px 5px 20px 5px;
}

.news {
    width: 160px
}

.news-scroll a {
    text-decoration: none
}

.dot {
    height: 6px;
    width: 6px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 2px !important;
    background-color: rgb(207, 23, 23);
    border-radius: 50%;
    display: inline-block
}

.carousel-control-prev, .carousel-control-next {
    background: #afb9b8;
}

.right-sidebar {
    border-radius: 3px;
}


.VisitorCountMain {
    position: relative;
    padding: 5px 30px; /* Adjust padding as needed */
    color: white;
    background-color: rgba(16, 120, 94, 0.8); /* Fallback background color with opacity */
    /* Background image */
    height: 80px; /* Set the height to 40 pixels */
    border-top: 2px solid #009164;
    border-bottom: 2px solid #009164;
    background: url('../../assets/image/fieldbackgr.png') rgba(16, 120, 94, 0.8);
}

    .VisitorCountMain::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('../../assets/image/fieldbackgr.png') rgba(16, 120, 94, 0.8);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        opacity: 0.4; /* Adjust the opacity of the background image */
        z-index: -1;
    }

.VisitorCount {
    display: flex;
    align-content: flex-start;
    justify-content: space-around;
    position: relative;
    z-index: 2;
}

.VisitorCountItem {
    text-align: center;
    color: white;
}




.carousel-item {
    /* background: #eee;*/
}

    .carousel-item:hover {
        cursor: grab;
    }

.carousel-caption {
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 0;
    bottom: 0;
}

    .carousel-caption h2,
    .carousel-caption p.lead {
        text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
    }

.carousel-indicators li {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 100%;
    align-self: center;
    transition: all 0.6s ease-in-out;
}

    .carousel-indicators li.active {
        width: 1rem;
        height: 1rem;
    }

.carousel-control-prev,
.carousel-control-next {
    top: 50%;
    transform: translateY(-50%);
    width: 3rem;
    height: 3rem;
    border: 2px solid #fff;
    border-radius: 100%;
}

.carousel-control-prev {
    left: 10px;
}

.carousel-control-next {
    right: 10px;
}

    .carousel-control-prev:hover,
    .carousel-control-next:hover {
        background: #000;
        color: #000;
    }

.breaking-news {
    font-size: 18px;
    font-weight: 500;
    font-family: solaimanlipi;
    color: #06032f;
    border-radius: 3px;
}


/*css for visitors*/
@@media screen and (max-width: 720px) {
    .visitor-card {
        border: 1px solid #d2d2d2;
        border-radius: 0.5rem;
        background-color: #fff;
        padding: 6px;
        text-align: center;
        margin: 5px 0px;
    }
}

.visitor-card {
    border: 1px solid #d2d2d2;
    border-radius: 0.5rem;
    background-color: #fff;
    padding: 6px;
    text-align: center;
}

.visitor-title {
    font-size: 20px;
    font-family: NikoshBAN;
    /*            font-weight: bold;*/
    color: #343a40;
}

.visitor-value {
    font-size: 20px;
    font-family: NikoshBAN;
    /*            font-weight: bold;*/
    color: #007bff;
}

.visitorLayout {
    background: none;
    border-radius: 15px;
    margin-top: 25px;
    margin-bottom: 10px;
}
