/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
    border: 2px solid #000;
    opacity: 0;
    /*background: rgba(0, 0, 0, 0);*/
}

.swiper-pagination-bullet-active {
    background: #000 !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-weight: 900 !important;
    font-size: 20px !important;
    color: #000 !important;
}