.swiperOuterWrapper {
    margin-left: 6.333333%;
}

.swiper-container {
    position:relative;
}

.kundcase-items .swiper-slide {
    margin: 15px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 38%;
}

.nyheter-items .swiper-slide {
    margin: 15px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 26%;
}

.listPages-items .swiper-slide {
    margin: 15px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 26%;
}


.swiper-button-prev .smallArrowWithCircle,
.swiper-button-next .smallArrowWithCircle {
    background: var(--white);
    width: 47px;
    height: 47px;
}

.swiper-button-prev-product .smallArrowWithCircle,
.swiper-button-next-product .smallArrowWithCircle,
.swiper-button-prev-related .smallArrowWithCircle,
.swiper-button-next-related .smallArrowWithCircle {
    background: var(--primary);
    right: inherit;
}

.swiper-button-prev-product {
    left: 2rem !important;
}

.swiper-button-prev-product .smallArrowWithCircle svg path,
.swiper-button-next-product .smallArrowWithCircle svg path,
.swiper-button-prev-related .smallArrowWithCircle svg path,
.swiper-button-next-related .smallArrowWithCircle svg path {
    fill: var(--white);
}

.swiper-button-prev-related,
.swiper-button-next-related {
    top: 45%;
}

.swiper-button-next-related {
    right: -10px;
}

.swiper-button-prev,
.swiper-button-next {
    width: inherit;
    
}

.swiper-button-prev {
    left: inherit;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    content: "";
}

.swiper-button-prev .smallArrowWithCircle svg,
.swiper-button-next .smallArrowWithCircle svg {
    width: 9px;
}

.swiper-button-prev .smallArrowWithCircle svg {
    rotate: 180deg;
}

.product-gallery2 .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

.product-gallery2 .swiper-slide {
 opacity: 0.2;
}

.swiper-button-prev-slider .smallArrowWithCircle,
.swiper-button-next-slider .smallArrowWithCircle {
    background: var(--primary);
}

.swiper-button-prev-slider .smallArrowWithCircle svg path,
.swiper-button-next-slider .smallArrowWithCircle svg path {
    fill: var(--white);
}

.swiperArrows {
    position:relative;
    margin-top: 5rem;
}

.swiperArrows .smallArrowWithCircle {
    position:static;
}

.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: -2rem;    
}

.swiper-scrollbar-drag {
    background: var(--primary);
}
    
.listPages-items .swiper-horizontal>.swiper-scrollbar, .listPages-items .swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: 0;
}

@media (max-width:820px) { 
    
    .swiperOuterWrapper {
        margin-left: 0;
    }
    
    .swiper-container.brands .swiper-slide {
        width: 40% !important;
    }
    
    .kundcase-items .swiper-slide,
    .nyheter-items .swiper-slide {
        width: 100%;
    }
    
    .smallArrowWithCircle {
        right: auto;
    }
    
    .nyheter-items .swiper-button-prev,
    .listPages-items .swiper-button-prev,
    .listPages-items .swiper-button-next {
        display: none;
    }
    
    .listPages-items .swiper-slide {
        width: 100%;
        margin: 0;
    }
    
    .swiper-button-prev-related .smallArrowWithCircle {
        left: -1rem;
    }
    
    .swiper-button-prev .smallArrowWithCircle, .swiper-button-next .smallArrowWithCircle {
        width: 30px;
        height: 30px;
    }
    
}