.cards-banner{background-color:var(--color-secondary-lighter);padding:32px 0;width:100%}.cards-banner--vertical{padding:40px 0;width:100%}@media screen and (min-width:990px){.cards-banner{padding:52px 0 40px;width:100vw}.cards-banner--vertical{background-color:transparent;max-width:350px}}.cards-banner__heading{font-size:2.2rem;line-height:3rem;font-weight:600}.cards-banner--vertical .cards-banner__heading{padding-left:30px}.cards-banner__heading span{font-size:inherit;font-weight:600;background:-webkit-linear-gradient(var(--color-primary-lighter),var(--color-primary-medium));-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media screen and (min-width:990px){.cards-banner__heading{font-size:2.6rem}}.cards-banner__card{background-color:var(--color-secondary-lightest);border-radius:var(--card-edges);box-shadow:var(--card-shadow);-webkit-box-shadow:var(--card-shadow);padding:18px 14px 30px 22px;height:auto}.cards-banner--vertical .cards-banner__card{padding:28px}@media screen and (min-width:990px){.cards-banner__card{padding:30px 20px 44px 32px}.cards-banner--vertical .cards-banner__card{width:auto;max-width:280px;width:100%}}.cards-banner__image-wrapper{margin-bottom:26px}.cards-banner .cards-banner__image-wrapper img{max-height:45px;height:100%;width:auto}@media screen and (min-width:990px){.cards-banner .cards-banner__image-wrapper img{max-height:85px}.cards-banner--vertical .cards-banner__image-wrapper img{max-height:65px}}.cards-banner__card-heading{font-size:1.6rem}@media screen and (min-width:990px){.cards-banner__card-heading{font-size:2.4rem}}.cards-banner__card-subheading{color:var(--color-secondary-darkest);display:inline-block;font-size:1.2rem;font-weight:600;margin-top:5px}@media screen and (min-width:990px){.cards-banner__card-subheading{font-size:1.7rem;margin-top:8px}}swiper-component.cards-banner__inner .swiper{overflow:visible}swiper-component.cards-banner__inner .swiper-slide{box-sizing:border-box;max-width:240px}@media screen and (min-width:750px){swiper-component.cards-banner__inner .swiper-slide{max-width:320px}}@media screen and (min-width:990px){swiper-component.cards-banner__inner .swiper-slide{max-width:430px}}.cards-banner--vertical .swiper{margin-left:20px}@media screen and (min-width:990px){.cards-banner--vertical .swiper{margin-left:0}}.cards-banner .swiper-wrapper{padding:30px 8px}@media screen and (min-width:990px){.cards-banner--vertical .swiper-wrapper{flex-direction:column;gap:34px}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/component-cards-banner.css.map */