.component-promo-grid .promo-grid .promo-box .feature-content h2{font-family:Inter,serif;font-size:24px;line-height:28px;font-weight:700;margin:0}.component-promo-grid .promo-grid .promo-box .feature-content p{font-family:Inter,serif;font-size:14px;line-height:21px;font-weight:400;margin:0;max-width:346px}.component-promo-grid .promo-grid .promo-box{position:relative;background-color:transparent!important;min-height:324px}.component-promo-grid .promo-grid .promo-box .feature-image{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}.component-promo-grid .promo-grid .promo-box .feature-image img{width:100%;object-fit:cover;height:-webkit-fill-available}.component-promo-grid .promo-grid .promo-box .feature-content .feature-button{font-family:Inter,serif;font-weight:700;font-size:14px;line-height:18px;display:flex;align-items:center;text-decoration:none;gap:30px;height:fit-content;width:fit-content;transition:transform .3s ease-in-out}.component-promo-grid .promo-grid .promo-box .feature-content .feature-button:hover{transform:scale(1.1)}.component-promo-grid .promo-grid .promo-box .feature-content{display:flex;flex-direction:column;gap:30px;justify-content:space-between;padding:20px}.component-promo-grid .promo-grid .promo-box.promo-box-1 .feature-button,.component-promo-grid .promo-grid .promo-box.promo-box-4 .feature-button{color:#fff}.component-promo-grid .promo-grid .promo-box.promo-box-2 .feature-button,.component-promo-grid .promo-grid .promo-box.promo-box-3 .feature-button{color:#0a2540}@media (min-width: 1024px){.component-promo-grid .promo-grid{display:grid;grid-template-columns:1.1fr 1.1fr 1.1fr 1fr 1fr;gap:30px;grid-template-rows:repeat(2,324px);max-width:1530px;margin:0 auto;padding:30px 0}.component-promo-grid .promo-grid .promo-box{position:relative;background-color:transparent!important;min-height:324px;border-radius:8px;overflow:hidden}.component-promo-grid .promo-grid .promo-box.promo-box-1{grid-column:1/4;grid-row:1}.component-promo-grid .promo-grid .promo-box.promo-box-2{grid-column:4/6;grid-row:1}.component-promo-grid .promo-grid .promo-box.promo-box-3{grid-column:1/3;grid-row:2}.component-promo-grid .promo-grid .promo-box.promo-box-4{grid-column:3/6;grid-row:2}.component-promo-grid .promo-grid .promo-box .feature-content{padding:40px}.component-promo-grid .promo-grid .promo-box .feature-content h2{font-family:Inter,serif;font-size:32px;line-height:41px;font-weight:700;margin:0}.component-promo-grid .promo-grid .promo-box .feature-content p{font-family:Inter,serif;font-size:14px;line-height:21px;font-weight:400;margin:0;max-width:346px}.component-promo-grid .promo-grid .promo-box .feature-image{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}.component-promo-grid .promo-grid .promo-box .feature-image img{width:100%;object-fit:cover;height:-webkit-fill-available}.component-promo-grid .promo-grid .promo-box.promo-box-2 .feature-content,.component-promo-grid .promo-grid .promo-box.promo-box-3 .feature-content{display:flex;flex-direction:row;justify-content:space-between}.component-promo-grid .promo-grid .promo-box.promo-box-1 .feature-content,.component-promo-grid .promo-grid .promo-box.promo-box-4 .feature-content{display:flex;flex-direction:column;gap:30px}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/component-promo-grid.css.map */
