/** Shopify CDN: Minification failed

Line 9:0 Unexpected "<"
Line 168:0 Unexpected "<"
Line 170:135 Unexpected "<"

**/

<script>
var swiper = new Swiper(".id2Swiper", {
slidesPerView: 3,
centeredSlides: true,
spaceBetween: 20,
breakpoints: {
1: {
slidesPerView: 1.15,

},
500: {
slidesPerView: 1.15, 
},
1000: {
slidesPerView: 3,
},
2000: {
slidesPerView: 3,
}
},
navigation: {
nextEl: ".swiper-button-next3",
prevEl: ".swiper-button-prev3",
},
scrollbar: {
    el: '.swiper-scrollbar',
    draggable: true,
  },
pagination: {
el: ".swiper-pagination3",
clickable: true,
},
});
</script>

<style>
#id2 .swiper-pagination-bullet-active {
background: black;
}
.id2Swiper {
overflow: visible;
}

#id2 .swiper-pagination3 {
display: none;
}

#id2 {
overflow: hidden;
position: relative;  
padding-top: 30px;
padding-bottom: 50px;
}

.id2desktop {
display: block;
}

.id2mobile {
display: none;
}



@media screen and (max-width: 767px) {
#id2 {
padding-top: 30px;
padding-bottom: 40px;
}
#id2 .swiper-button-prev:after {
font-size: 16px!important;
color: black;
}
#id2 .swiper-button-next:after {
font-size: 16px!important;
color: black;
}
.swiper-pagination3 {
margin-top: 35px;
position: relative;
}
.swiper-pagination3 {
display: block!important;
}
.id2desktop {
display: none;
}

.id2mobile {
display: block;
}

.swiper-button-next3 {
width: 30px;
height: 30px;
    background: #fff;
    border-radius: 500px;
    padding: 17px;
    right: 0px;
    border: 1px solid #e7e9ec;
}
.swiper-button-prev3 {
width: 30px;
height: 30px;
    background: #fff;
    border-radius: 500px;
    padding: 17px;
left: 0px;    border: 1px solid #e7e9ec;
}
}
  #id2 p:empty {
    display: none!important;
  }
  #id2 p::empty {
    display: none!important;
  }
  
  #id2 p {
  margin-bottom: 0px!important;
}
  
#id2 .grid-cell {
  background: #f7f7f7!important;
  box-shadow: none!important;
  transition: all 0.15s ease-out;
  padding: 30px;
  border-radius: var(--radius);
  
}

#id2 .grid-cell:hover {
      transition: all 0.15s ease-out;
    background: white !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 1px 50px 0px !important;
    transform: scale(1.03);
}
  
#id2 h3 {
}

#percentage1 {
  font-size: 100px!important;
  color: #df8096!important;
}
@media screen and (max-width: 767px) {
#percentage1 {
  font-size: 70px!important;
}
#id2 .grid-cell {
  background: #f7f7f7!important;
  box-shadow: none!important;
}
#id2 h3 {

} 
  #id2 .content {
    margin-top: 20px;
  }
}
</style>

<style> #shopify-section-template--18469971230876__kopstorm_results_nntHGp {max-width: 1300px; margin-left: auto; margin-right: auto;} </style></div>