.building-swiper{

    position:sticky;
    top:var(--header-height);

    z-index:900;

    background:#fff;

    border-top:1px solid #f2f2f2;

    padding:0;

}

.swiper-wrapper{
    justify-content:flex-start;
}

.buildingSwiper{

    padding:0;

}

.buildingSwiper .swiper-slide{

    width:auto;

}

.building-swiper-card{

    position:relative;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-right:20px;

    height:48px;

    padding:0;

    border:0;
    border-radius:0;

    background:#fff;

    color:#444;

    font-size:15px;
    font-weight:600;

    white-space:nowrap;

    transition:color .25s ease;
    box-sizing:border-box;

}

.building-swiper-card:first-child{
    margin-left:10px;
}

.building-swiper-card:last-child{
    margin-right:10px;
}

/* Hover */
.building-swiper-card:hover{
    color:var(--color-brand);
}

/* Active */
.building-swiper-card.is-active{
    color:var(--color-brand);
    font-weight:700;
}

.building-swiper-card.is-active::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:4px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--color-brand);
    transform:translateX(-50%);
}

/* Pagination */
.buildingSwiper .swiper-pagination{

    position:relative;
    margin-top:10px;

}

.buildingSwiper .swiper-pagination-bullet{

    width:6px;
    height:6px;

    opacity:.25;

    background:#999;

}

.buildingSwiper .swiper-pagination-bullet-active{

    width:18px;

    border-radius:999px;

    opacity:1;

    background:var(--color-brand);

}

@media (min-width:992px){

    .building-swiper{

        display:none;

    }

}

@media (max-width:991px){

    .header-building-list{

        display:none;

    }

    .swiper-slide{
        width:auto;
    }

}