.check-dropdown {
    padding: 0.6 0.5rem;
    cursor: pointer;
    position: relative;
}

.checkbox-options {
    margin: 0.03rem 0;
    overflow-y: scroll;
    height: 150px;
    display: none;
    flex-direction: column;
    z-index: 2;
    background-color: white;
    position: absolute;
    padding: 0.2rem;
    width: 100%;
    color:  black;
        
}

    .checkbox-options label:hover {
        background-color: #1967d2;
        color: #fff;
    }

.sliderrr {
    position: relative;
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    display:block;
}

.sliderrr-image {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    max-height: 100vh;
    object-fit: cover;
    transition: opacity 0.5s ease-in-out;
}

.slider-image {
    animation: fadeOut 5s ease-in-out forwards;
    opacity: 0;
}

    .slider-image.active {
        animation: fadeIn 5s ease-in-out forwards;
        opacity: 1;
    }

.image-container {
    width: 100%; /* set the width of the container */
    height: auto; /* maintain the aspect ratio */
}

    .image-container img {
        width: 100%; /* scale the image to the container's width */
        height: auto; /* maintain the aspect ratio */
    }

@media(max-width: 768px) {
    .sliderrr{
        display: none;
    }
}
@media(min-width: 1500px) {
    .sliderrr {
        max-height: 1200px;
    }
}
.filter-pad {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}
@media(max-width: 650px) {
    .filter-pad {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    20%{opacity:1;}
  
    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}