.elementor-8911 .elementor-element.elementor-element-94d447e{--display:flex;}.elementor-8911 .elementor-element.elementor-element-9c94891{width:100%;max-width:100%;top:0px;}body:not(.rtl) .elementor-8911 .elementor-element.elementor-element-9c94891{left:0px;}body.rtl .elementor-8911 .elementor-element.elementor-element-9c94891{right:0px;}.elementor-8911 .elementor-element.elementor-element-780a97e.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-8911 .elementor-element.elementor-element-780a97e.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-8911 .elementor-element.elementor-element-71b86ee{--display:flex;}.elementor-8911 .elementor-element.elementor-element-4482744{--display:flex;}.elementor-8911 .elementor-element.elementor-element-62928e8 .elementor-repeater-item-ce73e1a .swiper-slide-bg{background-color:#833ca3;background-size:cover;}.elementor-8911 .elementor-element.elementor-element-62928e8 .elementor-repeater-item-42ef68f .swiper-slide-bg{background-color:#4054b2;background-size:cover;}.elementor-8911 .elementor-element.elementor-element-62928e8 .elementor-repeater-item-17dd01a .swiper-slide-bg{background-color:#1abc9c;background-size:cover;}.elementor-8911 .elementor-element.elementor-element-62928e8 .elementor-repeater-item-9ca6861 .swiper-slide-bg{background-color:#1abc9c;}.elementor-8911 .elementor-element.elementor-element-62928e8 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-8911 .elementor-element.elementor-element-62928e8 .swiper-slide-contents{max-width:66%;}.elementor-8911 .elementor-element.elementor-element-62928e8 .swiper-slide-inner{text-align:center;}.elementor-8911 .elementor-element.elementor-element-a64cde2{--display:flex;}@media(max-width:1024px){.elementor-8911 .elementor-element.elementor-element-780a97e.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-8911 .elementor-element.elementor-element-780a97e.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for html, class: .elementor-element-f74d1c4 */ Hero Slider

WELCOME TO STATIONARY.PK

All Stationery Items
In One Place

Buy School, Office & Art Supplies with Fast Delivery Across Pakistan.

Shop Now

OFFICE SUPPLIES

Premium Office Products

Everything your office needs at affordable prices.

Explore

BEST DEALS

Quality Products
Best Prices

Thousands of products available online.

Buy Now
const slides = document.querySelectorAll(".slide"); const dots = document.querySelectorAll(".dot"); const next = document.querySelector(".next"); const prev = document.querySelector(".prev"); let current = 0; // Show Slide function showSlide(index){ slides.forEach((slide)=>{ slide.classList.remove("active"); }); dots.forEach((dot)=>{ dot.classList.remove("active"); }); slides[index].classList.add("active"); dots[index].classList.add("active"); } // Next Slide function nextSlide(){ current++; if(current >= slides.length){ current = 0; } showSlide(current); } // Previous Slide function prevSlide(){ current--; if(current < 0){ current = slides.length - 1; } showSlide(current); } // Buttons next.addEventListener("click", nextSlide); prev.addEventListener("click", prevSlide); // Dots dots.forEach((dot,index)=>{ dot.addEventListener("click",()=>{ current = index; showSlide(current); }); }); // Auto Slider setInterval(()=>{ nextSlide(); },5000); // Show First Slide showSlide(current);/* End custom CSS */