#swiper-slides-product-1,#swiper-slides-product-2,
#swiper-slides-product-3,#swiper-slides-product-4{
    height: 550px !important;
}
@media (min-width: 786px) {
    #swiper-slides-product-1,#swiper-slides-product-2,
    #swiper-slides-product-3,#swiper-slides-product-4{
        height: auto !important;

    }
}
.section-title::before,
.section-title::after{
    width: 20vw !important;
}

/* filtter yeras  */
 .swiper-container .swiper-slide{
    /* background-color: white !important; */
    /* width: 100px !important; */
}

.d-flex-no-colum {
    display: flex!important;
    }
/* active pagination end */
@media (max-width: 999px) {
.product-type-div{
    justify-content: inherit;
    display: block;
    display: inline-grid;
    width: 130px;
    height: 130px;
}

}
@media (max-width: 786px) {
    #swiper-slides-product{
    height: 870px !important;
    }
    .d-flex-sm {
    display: flex!important;
    flex-direction: column !important;
    }
}

.swiper-icon{
    border-radius: 100%;
    background-color:var(--secondary-color);
    height: 85px;
    left: 50%;
    line-height: 85px;
    margin: auto;
    position: absolute;
    text-align: center;
    top: -30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90px;
    z-index: 12;
}
.btn-up {
	 background: none;
	 border: 0;
	 font-size: 22px;
	 line-height:3em;
	 position: absolute;
	 width: 2.0em;
	 height: 2.0em;
	 transform: rotate(-90deg);
     z-index: 10;
}

 .btn-up::before, .btn-up::after {
	 /* background: var(--secondary-color); */
     background:var(--dark-light) ;
	 border-radius: 2px;
	 content: '';
	 display: block;
	 position: absolute;
	 left: 10px;
	 right: 0;
	 transition: all 1s;
	 height: 1.5em;
}
 .btn-up::before {
	 transform: skew(45deg);
	 top: 0;
}
 .btn-up::after {
	 transform: skew(-45deg);
	 bottom: 0;
}
.type-product .swiper-container .swiper-slide {
    /* padding: 2rem; */
    text-align: center;
    /* font-size: 1rem; */
}
/* .type-product .swiper-container , #swiper-Types{
    height: auto !important;
} */
.swiper-container {
    height: auto !important;
}
body
{
    background-color: white;
}