.promotion-banner-section{padding:50px 0;background:#fff}.promotion-banner-section .promo-banner-list{display:flex;flex-wrap:wrap;gap:16px}.promotion-banner-section .promo-banner-list .promo-banner-item{width:calc(25% - 12px);background:#000;border-radius:15px;overflow:hidden;color:#fff}.promo-banner-list .promo-banner-item .promo-banner-img{position:relative;overflow:hidden;padding-top:70%}.promo-banner-list .promo-banner-item .promo-banner-img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.promo-banner-list .promo-banner-item h3{font-size:20px;letter-spacing:0;text-transform:uppercase;color:inherit;margin:0}.promo-banner-list .promo-banner-item .promo-banner-text{padding:15px;text-align:center}.promo-banner-list .promo-banner-item .promo-banner-rte p{font-size:14px}.promo-banner-list .promo-banner-item .promo-banner-buttons{margin-top:15px;display:flex;flex-direction:column;gap:8px}.promo-banner-buttons .promo-btn{border:1px solid #fff;color:#fff;display:flex;justify-content:center;align-items:center;padding:7px 10px;font-size:13px;text-transform:uppercase;border-radius:50px;transition:all .3s ease 0s;letter-spacing:.2px}.promo-banner-buttons .promo-btn:hover{background:#fff;color:#000;text-decoration:none}.promo-banner-list .slick-dots{display:flex;padding:0;gap:10px;justify-content:center;margin-top:20px;width:100%}.promo-banner-list .slick-dots li{padding:0;font-size:0;width:auto;height:auto}.promo-banner-list .slick-dots li button{width:10px;height:10px;display:inline-flex;margin:0;border-radius:50%;border:1px solid #000;padding:0;background:transparent;outline:none}.promo-banner-list .slick-dots li.slick-active button{background:#000}@media screen and (max-width: 1199px){.promo-banner-list .promo-banner-item .promo-banner-text{padding:15px 5px}.promo-banner-list .promo-banner-item h3{font-size:16px}.promo-banner-buttons .promo-btn{font-size:12px}}@media screen and (max-width: 1023px){.promotion-banner-section .promo-banner-list .promo-banner-item{width:calc(50% - 12px)}.promo-banner-list .promo-banner-item .promo-banner-text{padding:15px}.promotion-banner-section .promo-banner-list .promo-banner-item{background:transparent;border-radius:0;padding:0 5px}.promotion-banner-section .promo-banner-list .promo-banner-item .promo-item-box{background:#000;border-radius:15px;height:100%;overflow:hidden}}@media screen and (max-width: 639px){.promotion-banner-section .promo-banner-list .promo-banner-item{width:100%}.promotion-banner-section{padding:30px 0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/promotion-banner.css.map */