@media (max-width: 767px){
    .swiper-button-next, .swiper-button-prev{
        display: none;
    }
    #card-padding{
        padding: 10px !important;
        text-align: justify;
    }
    #desktop{
        display:none;
    }
    #mobile-view{
        display:block;
    }
}
@media only screen and (min-width: 240px) and (max-width: 386px) {
    #desktop{
        display:none;
    }
    #mobile-view{
        display:block !important;
    }
    .mobile-view{
        width: 100%;
        height: 50vh;
    }
}
@media only screen and (min-width: 360px) and (max-width: 720px) {
    #desktop{
        display:none;
    }
    #mobile-view{
        display:block !important;
    }
}
@media only screen and (min-width: 720px) and (max-width: 1399px) {
    #desktop{
        display:block;
        max-height: 390px;
    }
    #mobile-view{
        display:none;
    }
}
#mobile-view{
    display:none;
}
.sliderbanner {
    position: relative;
    height: 100%;
}

.swiper {
    width: 100%;
}

.swiper-slide {
    font-size: 18px;
    background: #fff;
    display: flex;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 24px;
}

.sample-slider .swiper-wrapper{
    transition-timing-function: linear;
}

/* footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000; /* Ensure it's above other content if needed * /
} */