.hero--banner{position:relative;background-color:#f4f1ec;padding:50px 30px}.hero-banner-text{text-align:center;max-width:1100px;margin:auto}.hero-banner-text p{font-size:22px;line-height:28px;color:#381212;margin:0}.main-hero-slider{position:relative}.hero-swiper{position:relative;overflow:hidden}.hero-banner-row{display:flex;align-items:center;flex-wrap:wrap;background-color:#fff;border-radius:30px;overflow:hidden;border:1px solid #202020}.hero-banner-col{width:100%;text-align:center}.content--col{padding:40px 20px}.hero-banner-col img{display:block;width:100%;height:100%;object-fit:cover}.hero-banner-col h2{font-size:18px;font-weight:600;line-height:25px;color:#381212;margin:0}.hero-banner-col p{font-size:14px;line-height:22px;color:#381212;margin:20px 0 40px}.hero-banner-col a{display:inline-block;font-size:14px;font-weight:700;line-height:18px;color:#fff;background-color:#c4a047;padding:12px 22px;border-radius:999px;text-transform:uppercase;text-decoration:none;transition:all .3s ease-in-out}.hero-banner-col a:hover{background-color:#6a8d36;transform:translateY(-3px)}.hero--banner .swiper-pagination{display:flex;column-gap:8px;bottom:3%;left:50%;background:#efe9dd;padding:5px 20px;border-radius:10px;box-shadow:-2px 2px 4px #000;transform:translate(-50%,-50%);z-index:1}.hero--banner .swiper-pagination-bullet-active{background-color:#381212}.hero--banner .swiper-pagination-bullet{width:12px;height:12px}.hero--banner .swiper-button-prev{position:absolute;top:50%;left:-40px;transform:translateY(-50%);z-index:2}.hero--banner .swiper-button-next{position:absolute;top:50%;right:-40px;transform:translateY(-50%);z-index:2}.hero--banner .swiper-button-prev svg,.hero--banner .swiper-button-next svg{width:25px}@media screen and (min-width: 750px){.hero--banner{padding:80px 0}.hero-banner-row{flex-wrap:nowrap}.hero-banner-text p{font-size:30px;line-height:40px}.hero-banner-col{width:50%}.content--col{padding:0 40px}.hero-banner-col h2{font-size:40px;line-height:50px}.hero-banner-col p{font-size:16px;line-height:24px}.hero-banner-col a{font-size:16px;line-height:18px;padding:15px 30px}.hero--banner .swiper-pagination{bottom:5%}.hero--banner .swiper-button-prev{left:-90px}.hero--banner .swiper-button-next{right:-90px}.hero--banner .swiper-button-prev svg,.hero--banner .swiper-button-next svg{width:32px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/custom-hero-banner.css.map */