.swiper{
    max-width: 100%;
    width: 100vw;
    height: calc(100vh - 84px);;
    overflow-y:hidden;
}

/* Tablet and up: Applies styles for screens 768px wide and greater */
/*@media (min-width: 768px) {*/
/*    .swiper{*/
/*        height: 93vh;*/
/*    }*/
/*  }*/
  
/*    @media (min-width: 1024px) {*/
    /* CSS rules specific to standard desktops go here (e.g., a three-column layout, larger font sizes) */
/*    .swiper{*/
/*        height: 90vh;*/
/*    }*/
/*  }*/

/*  @media (min-width: 1366px) {*/
    /* CSS rules specific to standard desktops go here (e.g., a three-column layout, larger font sizes) */
/*    .swiper{*/
/*        height: 100vh;*/
/*    }*/
/*  }*/

.swiper-button-prev,
.swiper-button-next {
    color: white; /* Change the default color */
}

.swiper-button-prev:hover,
.swiper-button-next:hover{
    color: #ff0000; /* Change the default color */
}

.swiper-pagination-bullet {
    background-color: #cccccc; /* Default dot color */
    opacity: 1; /* Ensure full opacity */
}

.swiper-pagination-bullet-active {
    background-color: #ff0000; /* Active dot color */
}

@media (max-width:767px) {
    .swiper-button-prev,
    .swiper-button-next {
    display: none;
    
}

}