.product-style1{

    margin:0 0 30px 0px!important;

}

input[type="range"]{

    padding: 0;

}

label{

    position: relative;

    width: 100%;

}

.filter-widget .count {

    position: absolute;

    left: 10px;

    color: #777;

    font-size: 0.9em;

    margin-right: 5px;

}



.price-filter-wrapper {

    margin:0;

}

.price-range-values {

    display: flex;

    justify-content: space-between;

    margin-top: 5px;

}





.box {

  max-width: 800px;

  max-height: 768px;

  width: 100%;

  height: 100%;

  margin: 0;

}



.fir {

  position: relative;

  width: 100%;

  font-size: 0;

  border-radius: 5px;

  direction: rtl;

}



.fir::after {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 0;

  border-top: 15px solid var(--theme-color2);

  border-radius: 15px;

  z-index: 1;

  pointer-events: none;

}



.fir-range {

  width: 100%;

  height: 15px;

  opacity: 0;

  display: inline-block;

}



.fir-counter {

  --position: 0;

  position: absolute;

  top: -60px;

  width: 50px;

  height: 50px;

  margin-left: -25px;

  font-size: 15px;

  line-height: 50px;

  color: var(--theme-color);

  text-align: center;

  border: none;

  border-radius: 50px;

  background: rgba(238, 238, 238, 0.3);

  transform: translateX(calc(-1 * var(--position)));

  pointer-events: none;

  right: var(--position);

  transition: transform 0.1s linear;
  display: none!important;

}



.fir-line {

  --size: 0.5;

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 0;

  border-top: 15px solid var(--theme-color);

  border-radius: 15px;

  z-index: 2;

  transform-origin: right top;

  transform: scaleX(var(--size));

  pointer-events: none;

}


/*------------------- 4.27. Shop  -------------------*/
.product-style1{
  position: relative;
}

.woocommerce-ordering{
	width:100%;
}
.pagination-wrap a,
.pagination-wrap span.current {
    width: 40px;
    height: 40px;
    display: inline-flex;
    background: var(--theme-color2);
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    color: #fff;
}
.pagination-wrap a.next,
.pagination-wrap a.prev{
  width: 70px;
}
.pagination-wrap a:hover,
.pagination-wrap span.current:hover,
.pagination-wrap span.current{
  background: var(--theme-color) ;
  color: #fff;
}

@media (max-width: 1200px) {
    .vs-btn, .single_add_to_cart_button, .wc-forward, .wc-block-components-button:not(.is-link){
      font-size: 14px!important;
    }
}