.bw-swiper {
    --swiper-navigation-size: 20px;
}

.bw-swiper-type3 {
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-navigation-color: #000;
}

.bw-swiper-slide {
    height: var(--bw-swiper-height, auto);
    overflow: hidden;
}

.bw-swiper-mask {
    width: 100%;
    height: 100%;
    position: relative;
}

.bw-swiper-type1 .bw-swiper-mask {
    height: 90%;
}

.bw-swiper-caption {
    margin-top: 2%;
    font-size: 1.2em;
    font-weight: bolder;
}

.bw-swiper-slide img {
    width: calc(100% + 100px);
    max-width: unset;
    object-fit: contain;
    left: -50px;
    height: 100%;
}

.bw-swiper-type1 .has-image img,
.bw-swiper-type4 .has-image img {
    position: absolute;
}

.bw-swiper-type2 .bw-swiper-slide img {
    max-width: 100%;
}

.bw-swiper-type3 .bw-swiper-slide img {
    width: 100%;
}

.bw-swiper-button-prev,
.bw-swiper-button-next {
    background: white;
    padding: 20px;
    border-radius: 50%;
    transition: border 0.5s ease-out;
}

.bw-swiper-button-prev {
    left: 30px;
}

.bw-swiper-button-next {
    right: 30px;
}

.bw-swiper-button-prev:hover,
.bw-swiper-button-next:hover {
    box-shadow: 0 2px 10px rgba(255, 255, 255, 0.5);
}

.bw-swiper-button-prev:hover::after,
.bw-swiper-button-next:hover::after {
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.bw-swiper .bw-swiper-pagination .swiper-pagination-bullet svg {
    stroke: var(--swiper-pagination-bullet-inactive-color);
    fill: var(--swiper-pagination-bullet-inactive-color);
}

.bw-swiper .bw-swiper-pagination .swiper-pagination-bullet-active svg {
    stroke: var(--swiper-pagination-color);
    fill: var(--swiper-pagination-color);
}

.bw-swiper-type3 .bw-swiper-pagination {
    bottom: 30px !important;
    left: unset !important;
    width: unset !important;
    right: 20px;
}

.bw-swiper-type3 .bw-swiper-pagination .swiper-pagination-bullet {
    position: relative;
}

.bw-swiper-type4 .bw-swiper-pagination .swiper-pagination-bullet {
    transition: all 0.3s ease-out;
}

.bw-swiper-type3 .bw-swiper-pagination .swiper-pagination-bullet svg {
    transform: translate3d(-8px, -8px, 0);
    stroke-dasharray: 38;
    stroke-dashoffset: 38;
    transition: all 0.5s linear;
}

.bw-swiper-type3 .bw-swiper-pagination .swiper-pagination-bullet-active svg {
    stroke-dashoffset: 0;
}

.bw-swiper-type4 .bw-swiper-pagination .swiper-pagination-bullet-active {
    border: 0.5px solid var(--swiper-pagination-color);
    transform: scale(1.8);
}