/** Shopify CDN: Minification failed

Line 113:0 Expected "}" to go with "{"

**/
.base-cms-banners .banner-wrapper{
    display:grid;
    grid-template-columns:43.549% 20.969% 32.259%;
    gap:20px;
}
/* image  */
.base-cms-banners .banner-item .banner {
	border-radius: var(--media-radius);
	overflow: hidden;
    line-height: 0;
    display: block;
}
.base-cms-banners .banner-item img {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.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);
}
/* Contents */
.base-cms-banners .banner-wrapper .banner-item {
	position: relative;
}
.base-cms-banners .banner-item .contents {
	position: absolute;
	left: 40px;
    right:auto;
    margin: 0px;
  	z-index: 3;
}
.base-cms-banners .banner-item-2.banner-item .contents{
    top:9%;
}
.base-cms-banners .banner-item .contents .sub-heading{
    margin-bottom: 3px;
    display: block;
}
.base-cms-banners .banner-item .contents .heading{
    margin:0 0 15px;
    font-size:24px;
}
.base-cms-banners .banner-item .contents .label{
	display: inline-block;
	vertical-align: top;
    margin: 0 0 15px 0;
	padding: 0 12px;
	border-radius: var(--buttons-radius);
	/* font-weight: var(--font-heading-weight-bold); */
    background:#fdc821;
    color:#000000;
    line-height: 24px;
    font-size:13px;
}
.base-cms-banners .banner-item .contents .button svg{
    width:10px;
    transform: rotate(270deg);
    margin-left:8px;
}
@media screen and (max-width: 1269px) {
   .base-cms-banners .banner-wrapper {
      padding-bottom:15px;
  }
}
@media screen and (max-width: 989px) {
  .base-cms-banners .banner-wrapper {
      grid-template-columns: 55% 27% 42%;
  }
  .base-cms-banners .banner-item .contents {
      left: 20px;
}
@media screen and (max-width: 699px) {
  .base-cms-banners .banner-wrapper {
      grid-template-columns: 72% 34% 53%;
      gap:15px;
  }
  .base-cms-banners .banner-item .contents .label {
     display:none;
  }
  .base-cms-banners .banner-item .contents .heading {
      font-size: 18px;
  }
}
@media screen and (max-width: 479px) {
  .base-cms-banners .banner-wrapper {
      grid-template-columns: 92% 44% 67%;
      gap: 10px;
  }
  .base-cms-banners .banner-item .contents {
      left: 15px;
  }
  .base-cms-banners .banner-item .contents .heading {
      font-size: 16px;
      margin: 0 0 10px;
  }
  .base-cms-banners .banner-item .contents .sub-heading {
      margin-bottom: 0;
  }
}