.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

@media only screen and (min-width: 991px) {
    .nav__item a.active{
        background-color: #d00054;
        color: #FFF !important;
    }
}

.circle-menu{
    background-color: #d00054;
}

.nav__item a:hover{
    color: #d00054 !important;
}

.nav__item a {
    color: #5F6F81;
    padding: 0.5625rem 1rem;
    text-transform: uppercase;
}
.nav__item a:hover{
    color: #5F6F81 !important;
}
.nav__item a.active{
    color: #8d97a3 !important;
    padding: 10px;
}

@media only screen and (max-width: 768px){
    .nav-wrap::before{
        background-color: #212121 !important;
    }
    .nav__item a.active{
        color: #FFF !important;
        font-weight: bold;
    }
    .nav__item a {
        color: #FFF !important;
    }
    .nav__item a:hover {
        color: #FFF !important;
    }
}

.title__separate::before, .title__separate::after {
    background-color: #d00054;
}
.title__separate::after {
    background-color: #bdbdbd;
    width: 1rem;
}