.base-bottom-cms-banners .banner-wrapper{margin:0 -10px}.base-bottom-cms-banners .banner-item .banner{border-radius:var(--media-radius);overflow:hidden;line-height:0;display:block}.base-image-banner .banner__media.media{border-radius:var(--media-radius)}.base-bottom-cms-banners .banner-item img{transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s}.base-bottom-cms-banners .banner-item:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1)}.base-bottom-cms-banners .banner-wrapper .banner-item{position:relative;width:50%;padding:0 10px}.base-bottom-cms-banners .banner-item .contents{position:absolute;left:50px;right:auto;margin:0;z-index:3}.base-bottom-cms-banners .banner-item-1 .contents{top:18%}.base-bottom-cms-banners .banner-item .contents .sub-heading{margin-bottom:5px;display:inline-block}.base-bottom-cms-banners .banner-item .contents .heading{margin:0 0 18px;font-size:24px}.base-bottom-cms-banners .banner-item .contents .button svg{width:10px;transform:rotate(270deg);margin-left:8px}.base-bottom-cms-banners .banner-item-2.contents{top:29%}.base-bottom-cms-banners .banner-item .contents .label{display:inline-block;vertical-align:top;margin:0 0 15px;padding:0 12px;border-radius:var(--buttons-radius);font-weight:var(--font-heading-weight-bold);background-color:#fdc821;color:#000;line-height:24px}.base-bottom-cms-banners .banner-item .contents .title{margin:0;font-size:24px}@media screen and (max-width: 1269px){.base-bottom-cms-banners .banner-item .contents{left:40px}.base-bottom-cms-banners .banner-item-2.contents{top:22%}.base-bottom-cms-banners .banner-item-1 .contents{top:6%}}@media screen and (max-width: 989px){.base-bottom-cms-banners .banner-item .contents{left:30px}.base-bottom-cms-banners .banner-item .contents .sub-heading{display:none}.base-bottom-cms-banners .banner-item-2.contents{top:17%}.base-bottom-cms-banners .banner-item-1 .contents{top:10%}.base-bottom-cms-banners .banner-item .contents .title,.base-bottom-cms-banners .banner-item .contents .heading{font-size:20px}}@media screen and (max-width: 749px){.base-bottom-cms-banners .banner-wrapper{padding-bottom:10px}.base-bottom-cms-banners .banner-wrapper .banner-item{width:80%}}@media screen and (max-width: 479px){.base-bottom-cms-banners .banner-item-2.contents{top:14%}.base-bottom-cms-banners .banner-item-1 .contents{top:8%}.base-bottom-cms-banners .banner-wrapper{margin:0 -5px}.base-bottom-cms-banners .banner-wrapper .banner-item{width:90%;padding:0 5px}.base-bottom-cms-banners .banner-item .contents .label{margin:0 0 10px;font-size:12px;padding:0 10px;line-height:22px}.base-bottom-cms-banners .banner-item .contents .title{font-size:16px}.base-bottom-cms-banners .banner-item .contents .heading{margin:0 0 10px;font-size:16px}.base-bottom-cms-banners .banner-item .contents .button svg{width:8px;margin-left:4px}.base-bottom-cms-banners .banner-item .contents .button{padding:4px 14px}.base-bottom-cms-banners .banner-item .contents{left:20px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/base-bottom-cms-banner.css.map */