.three-col-imgs-banner-section{width:100%;overflow:hidden}.imgs-banner-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:0;width:100%}.imgs-banner-wrapper .image-card{position:relative;width:100%;height:auto;overflow:hidden;cursor:pointer}.imgs-banner-wrapper .image-card .card-bg-image{position:relative;width:100%;height:100%;min-height:inherit;z-index:1;overflow:hidden}.imgs-banner-wrapper .image-card .card-bg-image img{width:100%;height:100%;object-fit:cover}.imgs-banner-wrapper .image-card .card-mask{display:block!important;position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;background:#0000;transition:background 1s cubic-bezier(.22,1,.36,1)}.imgs-banner-wrapper .image-card .card-content{position:absolute;top:0;left:0;padding:14.8rem 4rem;width:100%;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center}.imgs-banner-wrapper .image-card .card-content .card-title{color:#fff;font-size:4rem;font-weight:700;margin:0;margin-bottom:.8rem;line-height:1.5}.imgs-banner-wrapper .image-card .card-content .card-desc{color:#ffffffb3;font-size:1.6rem}.imgs-banner-wrapper .image-card .card-content .card-desc p{margin:0}.imgs-banner-wrapper .image-card .card-content .card-btn{margin-top:3.6rem;color:#fff;opacity:0;transform:translateY(20px);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1);font-size:16px;text-decoration:none!important}.imgs-banner-wrapper .image-card:hover .card-mask{background:#0003}.imgs-banner-wrapper .image-card:hover .card-btn{opacity:1;transform:translateY(0)}@media screen and (min-width:989px){.imgs-banner-wrapper .image-card{min-height:640px}}@media screen and (max-width:749px){.imgs-banner-wrapper{grid-template-columns:1fr}.imgs-banner-wrapper .image-card{min-height:auto}.imgs-banner-wrapper .image-card .card-bg-image img{transition:none}.imgs-banner-wrapper .image-card .card-mask{height:100%;background:#0003;transition:none}.imgs-banner-wrapper .image-card .card-content{padding:7.4rem 2rem}.imgs-banner-wrapper .image-card .card-content .card-title{font-size:2rem;transition:none}.imgs-banner-wrapper .image-card .card-content .card-desc{font-size:1.2rem;transition:none}.imgs-banner-wrapper .image-card .card-content .card-desc p{line-height:1.2}.imgs-banner-wrapper .image-card .card-content .card-btn{margin-top:1.8rem;opacity:1;transform:translateY(0);transition:none;font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/three-column-image-banner.css.map */