.swiper-header {
    width: 100%;
    /* height: calc(25%); */
    background-color: #F5F8F9;
}

.swiper-header img {
    width: 100%;
    height: 100%;
}

.swiper-pagination {
    bottom: calc(5%)!important;
}

.swiper-pagination-bullet {
    width: 40px;
    height: 4px;
    border-radius: 0px;
    background: #D8D8D8;
    opacity: 0.3;
    margin: 0px!important;
}

.swiper-pagination-bullet-active {
    background: #D7D7D7;
    opacity: 1;
}

.hide {
    opacity: 0;
}

.swiper-button-next {
    transition: opacity 2s;
}

.swiper-button-prev {
    transition: opacity 2s;
}