.multicolumn-section{padding:20px 0;margin:0 5px;width:calc(100% - 10px);box-sizing:border-box}.section-heading{text-align:center;font-size:2.5rem;margin-bottom:10px}.section-description{text-align:center;margin-bottom:40px;font-size:1.2rem;color:#555}.columns-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:0}.multicolumn-card{position:relative;width:50%;height:550px;border-radius:0;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:flex-end;text-align:center;transition:transform .3s ease}@media screen and (max-width: 768px){.multicolumn-card{width:100%}}.multicolumn-card:hover{transform:scale(1.03)}.multicolumn-card.with-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.45),transparent 60%);z-index:1}.overlay-content{position:relative;z-index:2;padding:20px;width:100%}.overlay-content.text-light h3,.overlay-content.text-light p{color:#fff}.overlay-content.text-dark h3,.overlay-content.text-dark p{color:#000}.overlay-content h3{margin:0 0 10px;font-size:2rem}.overlay-content p{font-size:1rem;margin-bottom:15px}.overlay-button{display:inline-block;padding:10px 20px;background-color:transparent;border:2px solid #fff;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:background-color .2s ease,color .2s ease}.overlay-content.text-dark .overlay-button{border-color:#000;color:#000}.overlay-content.text-dark .overlay-button:hover{background-color:#000;color:#fff}.overlay-content.text-light .overlay-button:hover{background-color:#fff;color:#000}.columns-wrapper{display:flex;flex-wrap:wrap;gap:0}.columns-wrapper.columns-desktop-1 .multicolumn-card{width:100%}.columns-wrapper.columns-desktop-2 .multicolumn-card{width:50%}.columns-wrapper.columns-desktop-3 .multicolumn-card{width:33.3333%}.columns-wrapper.columns-desktop-4 .multicolumn-card{width:25%}@media screen and (max-width: 768px){.columns-wrapper.columns-mobile-1 .multicolumn-card{width:100%}.columns-wrapper.columns-mobile-2 .multicolumn-card{width:50%}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-multicolumn.css.map */