

.swiper-container {
    width: 100%;
    /*height: 100%;*/
}

.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;
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #2b53a0;
    opacity: 0.8;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #e73c3c;
}


/*Source*/

.swiper-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.swiper-pagination-bullet {
    opacity: .7;
}

.swiper-pagination-bullet-active {
    background: #f8f9fa;
}

.swiper-button-prev,
.swiper-button-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: none;
}

    .swiper-button-prev i,
    .swiper-button-next i {
        color: #343a40;
        -webkit-transition: color .1s, background-color .1s;
        transition: color .1s, background-color .1s;
    }

    .swiper-button-prev:hover i,
    .swiper-button-next:hover i {
        color: #f8f9fa;
        background-color: rgba(0, 0, 0, 0.5);
    }

.swiper-nav {
    font-size: 0;
    text-align: right;
}

    .swiper-nav .swiper-nav-prev,
    .swiper-nav .swiper-nav-next {
        display: inline-block;
        cursor: pointer;
        color: rgba(0, 0, 0, 0.5);
    }

        .swiper-nav .swiper-nav-prev:hover,
        .swiper-nav .swiper-nav-next:hover {
            color: #000;
        }

        .swiper-nav .swiper-nav-prev.swiper-button-disabled,
        .swiper-nav .swiper-nav-next.swiper-button-disabled {
            color: rgba(0, 0, 0, 0.1);
        }

    .swiper-nav .swiper-nav-prev {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .swiper-nav .swiper-nav-next {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.swiper-slide .animate {
    visibility: hidden;
}


@media (min-width: 576px) and (max-width: 767.98px) {
    .home-slider .display-4 {
        font-size: 2.5rem;
    }

    .home-slider .h1 {
        font-size: 1.5rem;
    }

    .home-slider .h3 {
        font-size: 1rem;
    }

    .home-slider .md-5 {
        font-size: 4rem;
    }
}

@media (max-width: 575.98px) {
    .home-slider .display-4 {
        font-size: 2rem;
    }

    .home-slider .h1 {
        font-size: 1rem;
    }

    .home-slider .h3 {
        font-size: .75rem;
    }

    .home-slider .display-4,
    .home-slider .h1 {
        font-weight: normal !important;
        text-shadow: none;
    }

    .home-slider .btn-sm {
        font-size: .75rem;
    }

    .home-slider .md-5 {
        font-size: 3rem;
    }
}

.swiper-container-have-hover {
    padding: 4px;
    margin-right: -4px;
    margin-left: -4px;
}