.storytelling{padding:70px 50px 0;font-family:DM Sans;background-image:linear-gradient(to top,#ffffff 0%,var(--storytelling-background-color) 15%,var(--storytelling-background-color) 85%,#ffffff 100%);color:var(--storytelling-text-color)}.storytelling .storytelling--mobile{display:none}.storytelling .storytelling__heading{font-size:48px;font-weight:800;max-width:800px;margin:0 auto;text-align:center}.storytelling .storytelling__heading>strong{color:#005eb8}.storytelling .storytelling__container{max-width:1200px;width:100%;margin:auto}.storytelling .storytelling__story-block{display:flex;align-items:center;margin-top:40px;gap:50px}.storytelling .storytelling__story-block .story-block__media-wrapper{order:var(--storytelling-story-block-image-position);max-width:var(--storytelling-story-block-image-width);width:100%}.storytelling .storytelling__story-block .story-block__media{width:100%;height:auto;object-fit:cover;display:block}.storytelling .storytelling__story-block .story-block__subheading{font-size:20px;font-weight:700;line-height:150%;margin:0}.storytelling .storytelling__story-block .story-block__content{width:100%;order:3}.storytelling .storytelling__story-block .story-block__content h1,.storytelling .storytelling__story-block .story-block__content h2,.storytelling .storytelling__story-block .story-block__content h3,.storytelling .storytelling__story-block .story-block__content h4,.storytelling .storytelling__story-block .story-block__content h5,.storytelling .storytelling__story-block .story-block__content h6,.storytelling .storytelling__story-block .story-block__content p{margin:0}:is(.storytelling .storytelling__story-block .story-block__content h1,.storytelling .storytelling__story-block .story-block__content h2,.storytelling .storytelling__story-block .story-block__content h3,.storytelling .storytelling__story-block .story-block__content h4,.storytelling .storytelling__story-block .story-block__content h5,.storytelling .storytelling__story-block .story-block__content h6,.storytelling .storytelling__story-block .story-block__content p):not(:last-child){margin-bottom:25px}.storytelling .storytelling__story-block .story-block__content h3{font-size:30px;font-weight:800}.storytelling .storytelling__story-block .story-block__content h3>em{color:#005eb8;font-style:normal}.storytelling .storytelling__story-block .story-block__content>p>em{background-color:#005fb820;font-style:normal}.storytelling .storytelling__story-block .story-block__content>p em{color:#005eb8;font-style:normal}.storytelling .storytelling__story-block .story-block__button{max-width:430px;width:100%}.storytelling .storytelling__story-block .story-block__trust-image{max-width:430px;width:100%;height:auto;object-fit:contain;margin-top:20px}.storytelling .storytelling__banner{padding:32px;border-radius:22px;margin-top:40px;background-color:var(--storytelling-banner-background-color);color:var(--storytelling-banner-text-color)}.storytelling .storytelling__banner .banner__container{display:flex;align-items:center;justify-content:center;gap:20px}.storytelling .storytelling__banner .banner__heading{font-size:26px;font-weight:800;margin:0;text-align:center;line-height:120%}.storytelling .storytelling__banner .banner__button{display:flex;align-items:center;text-align:center;gap:12px;font-size:18px;font-weight:800;border:1px solid var(--storytelling-banner-button-background);background-color:var(--storytelling-banner-button-background);color:var(--storytelling-banner-text-color);padding:9px 25px;border-radius:600px;text-decoration:none;transition:background-color .15s linear;cursor:pointer}.storytelling .storytelling__banner .banner__button:hover{background-color:var(--storytelling-banner-background-color)}.storytelling .storytelling__banner .story-block__button-icon{width:24px;height:24px}.storytelling .popup__content-wrapper{overflow-y:scroll;-webkit-overflow-scrolling:auto!important;scrollbar-color:var(--primary-color) #F1F1F1;height:100%;scrollbar-width:thin}.storytelling .popup__content-wrapper::-webkit-scrollbar-thumb{background-color:#005eb8;background-clip:padding-box;border:solid transparent;border-width:1px 1px 1px 0px;min-height:28px;padding:100px 0 0;box-shadow:inset 1px 1px #e6e6e6,inset 0 -1px #eee;width:4px}.storytelling .cta-banner__popup-overlay{opacity:0;z-index:-1;top:0;position:fixed;visibility:hidden;pointer-events:none;left:0;width:100%;height:100%;background:#21212180;transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center}.storytelling .cta-banner__popup-overlay--active.cta-banner__popup-overlay{opacity:1;visibility:visible!important;background:#0009;z-index:100;pointer-events:auto}.storytelling .popup__title{margin:0;color:#000;font-family:Raleway;font-size:32px;font-style:normal;font-weight:500;line-height:42px}.storytelling .popup__heading-wrapper{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.storytelling .cta-banner__popup{--primary-color: #005eb8;display:flex;width:calc(100vw - 32px);max-width:800px;height:calc(100vh - 32px);max-height:820px;background:#fff;position:relative;border-radius:60px;padding:40px;flex-direction:column}.storytelling .cta-banner__popup .popup__content-wrapper>canvas{width:100%;object-fit:contain}.storytelling .cta-banner__button:hover{background:#004a91;border:1px solid #004A91;cursor:pointer}.storytelling .popup__close-button:hover{cursor:pointer}@media screen and (max-width:768px){.storytelling{padding:50px 20px 0}.storytelling .storytelling--desktop{display:none}.storytelling .storytelling--mobile{display:block}.storytelling .storytelling__heading{font-size:26px}.storytelling .storytelling__story-block{flex-direction:column;margin-top:20px;gap:20px}.storytelling .storytelling__story-block .story-block__content>h3{font-size:21px}.storytelling .storytelling__story-block .story-block__content>p{font-size:16px}.storytelling .storytelling__story-block .story-block__subheading{font-size:16px}.storytelling .story-block__button{font-size:18px}.storytelling .storytelling__banner{margin-top:-110px;padding:16px 20px;z-index:2;position:relative}.storytelling .storytelling__banner .banner__container{flex-direction:column;gap:12px}.storytelling .storytelling__banner .banner__heading{font-size:18px}.storytelling .storytelling__banner .banner__button{font-size:16px}.storytelling .storytelling__banner .story-block__button-icon{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/section-storytelling.css.map */