.blog-body-filters .swiperBooking{
    max-width: 100%;
}

.blog-body-filters .swiperBooking .swiper-wrapper{
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px;
}

.blog-body-filters .swiperBooking .swiper-wrapper .swiper-slide {
    width: fit-content;
    height: fit-content;
    
}


.blog-body-filters .swiperBooking .swiper-wrapper .swiper-slide a {
	color: #fff;
	font-size:14px;
	padding: 3px 12px;
border: 1px solid #fff;
  border-radius: 60px;
 height: fit-content;
display: block;
}

.blog-body-filters .swiperBooking .swiper-wrapper .swiper-slide.active a {
    border-color: var(--oranzhevyy);
    background-color: var(--oranzhevyy);
    color: #fff;
}


@media screen and (max-width:1020px) {
    .blog-body{
        flex-direction: column;
    }

    .blog-body-filters{
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-body-filters-input {
        width: 100%;
    }
    
    
}
@media screen and (max-width:1020px) and (min-width:673px){
    .blog-body-filters .swiperBooking{ 
        margin-left: 0;
        max-width: 360px;
        margin-top: 20px;
    }
}
@media screen and (max-width:672px) {
    .blog-body-filters .swiperBooking{
        max-width: 100%;
        margin-top: 20px;
        padding-right: 4.625rem;
        width: 100%;
    }
    .blog-body-filters .swiperBooking .swiper-wrapper{
        flex-wrap: nowrap;
        max-width: 100%;
        width: 100%;
    }

    .blog-body-filters .swiperBooking .swiper-wrapper .swiper-slide{
        max-width: fit-content;
    }

  
}