* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Roboto', sans-serif; } #shop-page{ display: flex; flex-direction: column; align-items: center; padding: 0px; margin: 0px; } #time-var-icons-container{ width: 100vw; height: auto; } #cart-and-icons-container{ display: flex; justify-content: flex-end; align-items: last baseline; } #time-var-icons{ width: 100%; height: auto; } .swiper-slide { text-align: center; font-size: 18px; background: white; display: flex; justify-content: center; align-items: center; } .productSlide { height: 87% !important; width: 45% !important; text-align: left !important; font-size: 15px; background-color: rgb(248,249,254) !important; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 0; border-radius: 10px; margin-bottom: 10px; margin-right: 20px !important; padding-bottom: 10px;; } .swiper-slide img { display: block; width: 100%; object-fit:cover; } .swiper-pagination-bullet-active{ color: darkred !important; } :root { --swiper-theme-color: darkred !important; } #product-img{ height: 250px; margin-bottom: 10px; } /* the second slider */ .swiper-slide { width: 100%; text-align: center; font-size: smaller; background: white; display: flex; flex-direction: column; justify-content: center; align-items: center; } .swiper { width: 100%; margin: 5px auto; justify-content: flex-start !important; } .mid-title-container{ width: 100%; padding: 0 3% 0 5%; display: flex; flex-direction: row; align-items: baseline; justify-content: space-between; } .see-more { color: darkred; font-size: medium; } .productSwiper, .productSwiper-wrapper { display: flex !important; width: 100% !important; justify-content: center !important; align-items: center; } .productSwiper { flex-direction: column; } .productSwiper-wrapper { padding-left: 6%; } #new-swiper-wrapper-id { transform: none !important; } .product-name, .product-price { padding-left: 7%; padding-bottom: 8%; font-weight: 600; font-size: medium; } .swiper-pagination-horizontal { padding-top: 2%; bottom: 0; position: relative !important; } #navbar{ width: 100vw; height: 6%; border-top: 1px solid lightgray; background-color: white; position: sticky; bottom: 0px; display: flex; align-items: center; justify-content: space-around; z-index: 1; } .material-symbols-outlined { cursor: pointer; font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24 } .navbar-button, .cart-icon{ color: rgba(172, 8, 8, 0.77); } .shopping-cart-icon-holder { display: flex; justify-content: flex-end; padding-right: 6px; } #cart-amount { position: absolute; padding: 0 1.5% 0 1.5%; border: 1px solid red; background-color: red; border-radius: 50%; color: white; margin-right: 10.5%; margin-bottom: 4.5%; font-size: 120%; text-size-adjust: 80%; }