.base-cms-banners .banner-item{position:relative;padding:0 15px;width:50%}.base-cms-banners .banner-wrapper{margin:0 -15px}.base-cms-banners .banner-item .banner{overflow:hidden;border-radius:var(--media-radius)}.base-cms-banners .banner-item .banner a{line-height:0}.base-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-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-cms-banners .banner-item .contents{position:absolute;top:19%;left:70px;right:auto;margin:0;z-index:2}.base-cms-banners .banner-item .contents .heading{margin:0 0 15px}.base-cms-banners .banner-item .contents .subheading{font-size:18px;margin-block:0 45px}.base-cms-banners .banner-item .contents .button{background:rgb(var(--color-base-button-background-hover));color:rgb(var(--color-base-button-background-hover-text))}.base-cms-banners .banner-item .contents .button:hover{background:rgb(var(--color-base-button-background));color:rgb(var(--color-base-button-background-text))}@media screen and (max-width: 1269px){.base-cms-banners .banner-item .contents{top:12%;left:50px}.base-cms-banners .banner-item .contents .subheading{font-size:16px;margin-block:0 25px}}@media screen and (max-width: 989px){.base-cms-banners .banner-item{padding:0 10px}.base-cms-banners .banner-item .contents .heading{margin:0 0 10px}.base-cms-banners .banner-item .contents .subheading{font-size:15px;margin-block:0 20px}.base-cms-banners .banner-wrapper{margin:0 -10px}.base-cms-banners .banner-item .contents{top:8%;left:30px}}@media screen and (max-width: 749px){.base-cms-banners .banner-item .contents .heading{margin:0 0 10px;font-size:18px}.base-cms-banners .banner-item .contents .subheading{display:none}.base-cms-banners .banner-item .contents{top:10%;left:25px}}@media screen and (max-width: 479px){.base-cms-banners .banner-item{width:60%}.base-cms-banners .banner-item .contents .heading{margin:0 0 15px}.base-cms-banners .banner-item .contents{top:12%}.base-cms-banners .banner-item{padding:0 5px}.base-cms-banners .banner-wrapper{margin:0 -5px}}@media screen and (max-width: 419px){.base-cms-banners .banner-item{width:80%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/base-cms-banners.css.map */