.grid-images-banner{margin:0 auto}.item-left,.item-middle,.item-middle-mobile,.item-right{position:relative;display:inline-flex;align-items:center}.item-middle,.item-middle-mobile{text-align:left}.item-left img,.item-middle img,.item-right img{width:auto;height:100%!important;object-fit:cover}.item-left .title-item,.item-right .title-item{position:absolute;z-index:2;top:30%;left:50%;transform:translate(-50%,-50%)}.title-item h5{font-size:.9rem}.title-item h5,.title-item p{color:#cbc8c1;line-height:1.4rem;margin:0}.title-mid-item{position:absolute;top:50%;left:9%;width:45%;transform:translate(-10%,-50%)}.midle-title{display:grid}.title-mid-item .midle-title,.title-mid-item h4,.title-mid-item p{color:#fff;margin:0}.title-mid-item{z-index:2}.title-mid-item .midle-title,.title-mid-item p{text-shadow:2px 2px 4px #000000;font-size:1.5rem}.header-title{text-shadow:4px 4px 4px #000000;font-size:1.1rem}.title-mid-item p{opacity:.9;font-size:1.3rem!important;line-height:2rem;padding-right:3rem}.title-mid-item .midle-title{font-size:3.7rem!important;line-height:3.7rem;margin:6px 0}.title-item p{font-size:2.2rem!important;font-weight:600}.btn-buy{position:absolute;background-color:#000;text-decoration:none;color:#f3f0eb!important;padding:4px 15px;font-weight:700;width:max-content;font-size:1.1rem;bottom:15%;left:50%;border-color:#000;transform:translate(-50%,-50%)}.grid-images-banner{display:flex}.shop-right{float:right}.shop-left{float:left}.banner-wrapper-desktop{background-color:#f3f0eb;display:grid}.banner-wrapper-mobile{background-color:#f3f0eb;display:none}@media only screen and (max-width:719px){.banner-wrapper-desktop{display:none}.item-left,.item-right{padding:1rem 0}.banner-wrapper-mobile{display:block}.btn-buy{bottom:8%;font-size:.8rem}.item-left .title-item,.item-right .title-item{top:14%}.title-mid-item{width:55%;left:11%}.title-mid-item .midle-title{font-size:2.2rem!important;line-height:2.2rem}.title-mid-item p{font-size:.7rem!important;line-height:1rem;padding-right:1.2rem}.header-title{font-size:.7rem}.title-item h5,.title-item p{line-height:1.5rem}.title-item p{font-size:2.5rem}}@media only screen and (min-width:720px)and (max-width:985px){.title-mid-item .midle-title{font-size:2.3rem!important;line-height:2.5rem;margin:0}.title-mid-item p{font-size:.9rem!important;line-height:1rem}.title-item p{font-size:3rem}.header-title{font-size:.85rem}.item-left .title-item,.item-right .title-item{top:25%}.btn-buy{bottom:10%;font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/147/assets/inter-blog-banner.css.map */