:root {
    --swiper-navigation-sides-offset: 0;
}

.group-swiper::part(button-next) {
    color: transparent;
    background: url(/assets/ShopTheme/images/icons/right-gray.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.group-swiper::part(button-prev) {
    color: transparent;
    background: url(/assets/ShopTheme/images/icons/left-gray.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.product-swiper::part(button-next) {
    color: transparent;
    background: url(/assets/ShopTheme/images/icons/right-gray.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.product-swiper::part(button-prev) {
    color: transparent;
    background: url(/assets/ShopTheme/images/icons/left-gray.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.product-swiper::part(container) {
    padding: 0 0;
}

.swiper-prod-btn-next,
.swiper-prod-btn-prev {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    cursor: pointer;
}

.swiper-prod-btn-prev {
    background: url(/assets/ShopTheme/images/icons/arrow-left-black.png);
    background-repeat: no-repeat;
    background-size: contain;
    right: auto;
    /* left: -46px; */
    left: -16px;
    background-position: center;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}

.arrow-left-black {
    position: absolute;
    left: -8px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 54px;
}

.arrow-right-black {
    position: absolute;
    right: -8px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 54px;
}

.swiper-prod-btn-next {
    background: url(/assets/ShopTheme/images/icons/arrow-right-black.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: auto;
    /* right: -46px; */
    right: -16px;
    background-position: center;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}

.brand-btn-prev {
    background: url(/assets/ShopTheme/images/icons/aleft.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    width: 10px;
    height: 10px;
}

.brand-btn-next {
    background: url(/assets/ShopTheme/images/icons/aright.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    width: 10px;
    height: 10px;

}

.brand-btn-prev,
.brand-btn-next {
    /* top: 31%; */
}

.swiper-serv-btn-next,
.swiper-serv-btn-prev {
    width: 40px;
    height: 40px;
    /* position: absolute; */
    position: relative;
    bottom: 0;
    cursor: pointer;
    background: #094689;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
}

.arrow-left-black-serv {
    /* position: absolute; */
    bottom: 0;
    margin: auto;
    color: #f7fcff;
}

.arrow-right-black-serv {
    /* position: absolute; */
    right: -8px;
    bottom: 0;
    margin: auto;
    color: #f7fcff;
}

.swiper-serv-btn-prev.disabled,
.swiper-serv-btn-next.disabled {
    opacity: 0.4;
    pointer-events: none;
    cursor: default;
}

.disabled-btn {
    /* opacity: 0.3; */
    /* pointer-events: none; */
    /* cursor: default; */
}

@media only screen and (max-width: 768px) {

    .swiper-prod-btn-next,
    .swiper-prod-btn-prev {
        /* top: 50%; */
        z-index: 1;
    }

    .swiper-prod-btn-next {
        right: 1%;
    }

    .swiper-prod-btn-prev {
        left: 1%;
    }


    #prod_wrapper .swiper-prod-btn-next,
    #prod_wrapper .swiper-prod-btn-prev {
        top: 29%;
    }

    .arrow-right-black {
        display: none;
    }

    .arrow-left-black {
        display: none;
    }

    .brand-btn-prev,
    .brand-btn-nex {}
}