style features - banner padding 20 px 0 background - color fff width 100 position relative swiper - container width 100 overflow - x auto swiper - wrapper display flex flex - wrap nowrap align - items center swiper - slide flex 0 0 auto / Ensures slides are not restricted / box - sizing border - box margin 0 feature - item display flex flex - direction column align - items center justify - content center text - align center text - decoration none color 333 width 150 px / Fixed width for features / transition transform 0.3 s ease color 0.3 s ease margin 0 auto feature - item hover transform scale 1.05 color 000 feature - item img max - width 70 width 70 margin - bottom 10 px feature - item p font - family 'Raleway' sans - serif font - size 12 px font - weight 600 margin 0 / Desktop Layout / media min - width 769 px swiper - container display flex justify - content center align - items center width 100 swiper - wrapper display flex justify - content space - between flex - wrap nowrap width 100 swiper - slide flex 1 1 auto max - width calc 100 / 6 / Fit all features in a مفرد row / box - sizing border - box margin 0 10 px / Space between features / swiper - pagination display none / Hide dots on desktop / / Mobile Layout مع Dots / media max - width 768 px swiper - pagination text - align center margin - top 65 px / Adjusted margin below text / / Customize dot spacing / swiper - pagination - bullet width 8 px height 8 px margin 0 15 px / Proper spacing between dots أفقي margin only / background ccc border - radius 50 opacity 0.5 transition opacity 0.3 s ease background - color 0.3 s ease swiper - pagination - bullet - active background 333 opacity 1 / style meta الاسم viewport content width device - width initial - scale 1.0 div class features - banner div class swiper - container div class swiper - wrapper div class swiper - slide a href class feature - item img src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / 2 Year Warranty png v 1734687967 alt 2 Year Warranty Icon p 2 Year Warranty / p / a / div div class swiper - slide a href class feature - item img src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / Always At Your Service png v 1734687967 alt Always At Your Service Icon p Always At Your Service / p / a / div div class swiper - slide a href class feature - item img src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / Customs Duty Prepaid png v 1734687967 alt Customs amp Duty Prepaid Icon p Customs amp Duty Prepaid / p / a / div div class swiper - slide a href class feature - item img src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / Free UAE Delivery png v 1734687967 alt Free UAE Delivery Icon p Free UAE Delivery / p / a / div div class swiper - slide a href class feature - item img src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / Worldwide Delivery png v 1734687967 alt Worldwide Delivery Icon p Worldwide Delivery / p / a / div div class swiper - slide a href class feature - item img src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / هدية Packaging Personalized Notes png v 1734687967 alt هدية Packaging Icon p هدية Packaging amp Personalized Notes br / p br / a / div / div div class swiper - pagination / div / div / div script src https / / cdn jsdelivr net / npm / swiper 11 / swiper - bundle min js / script script document addEventListener 'DOMContentLoaded' function const swiper جديد Swiper ' swiper - container' direction 'horizontal' slidesPerView 'auto' centeredSlides false loop false spaceBetween 10 pagination el ' swiper - pagination' clickable true / script