.gradient-hero-banner{position:relative;width:100%;overflow:hidden;background-color:#fff;z-index:1}.gradient-hero-banner__container{position:relative;width:calc(100% - 40px);max-width:calc(var(--fluid-container-width, 1410px) + var(--bs-gutter-x, 1.5rem) * 2);aspect-ratio:16 / 9;min-height:clamp(400px,56.25vw,960px);height:auto;border-radius:clamp(12px,2.1vw,41px);overflow:hidden;margin:0 auto;padding-left:var(--bs-gutter-x, 1.5rem);padding-right:var(--bs-gutter-x, 1.5rem)}@media (min-width: 1200px){.gradient-hero-banner__container{--bs-gutter-x: 3rem;width:calc(100% - 60px);max-width:calc(var(--fluid-container-width, 1410px) + var(--bs-gutter-x, 3rem) * 2);aspect-ratio:16 / 9;min-height:auto;height:auto;max-height:none}.gradient-hero-banner__background-image{object-fit:cover;object-position:center center}}.gradient-hero-banner__image-wrapper{position:absolute;left:0;top:0;width:100%;min-width:100%;height:100%;min-height:100%;overflow:hidden;z-index:0}.gradient-hero-banner__background-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:none;display:block;transform:scale(1);transition:transform .3s ease;max-width:100%;max-height:100%}.gradient-hero-banner__union-image{position:absolute;right:5%;top:2.4%;width:clamp(300px,38.6vw,743px);height:auto;max-height:clamp(120px,14.8vh,285px);z-index:1;object-fit:contain}.gradient-hero-banner__gradient-overlay{position:absolute;left:0;top:0;width:100%;min-width:100%;height:100%;min-height:100%;border-radius:clamp(8px,.6vw,12px);background:linear-gradient(to right,#3456e6,#3456e6cc,#0000);z-index:1;pointer-events:none}.gradient-hero-banner__logo-wrapper{position:absolute;right:clamp(10px,3%,50px);top:clamp(20px,8%,76px);display:flex;align-items:flex-start;gap:clamp(8px,.6vw,12px);z-index:3;flex-wrap:nowrap}.gradient-hero-banner__logo{width:auto;height:auto;max-width:clamp(80px,10.4vw,200px);max-height:clamp(80px,10.4vw,200px);object-fit:contain;filter:brightness(0) invert(1)}.gradient-hero-banner__logo-text{color:#fff;font-family:Instrument Sans,Instrument Sans Bold,sans-serif;font-weight:700;font-size:clamp(14px,1.25vw,24px);line-height:1.2;white-space:nowrap;text-transform:none}.gradient-hero-banner__logo-text p{margin:0;padding:0;display:inline}.gradient-hero-banner__logo-text br{display:block;content:"";margin-top:4px}.gradient-hero-banner__content{position:absolute;left:clamp(15px,2.5%,29px);top:50%;transform:translateY(-50%);width:clamp(280px,60%,1100px);max-width:1100px;height:auto;min-height:auto;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;padding-top:clamp(20px,6%,58px);box-sizing:border-box}.gradient-hero-banner__badge{position:relative;left:0;top:0;display:flex;align-items:center;gap:clamp(6px,.6vw,11px);background-color:#f3f4f6;border:clamp(1px,.06vw,1.08px) solid #ffffff;border-radius:36810964px;height:clamp(40px,5.7vh,55px);width:auto;max-width:100%;padding-left:clamp(12px,1.1vw,21px);padding-right:clamp(12px,1.1vw,21px);margin-bottom:clamp(12px,2vh,20px)}.gradient-hero-banner__badge-dot{position:absolute;left:clamp(12px,1.1vw,21px);top:50%;transform:translateY(-50%);width:clamp(8px,.6vw,11px);height:clamp(8px,.6vw,11px);background-color:#3456e6;opacity:.85;border-radius:36810964px;flex-shrink:0}.gradient-hero-banner__badge-text{position:relative;left:0;top:0;width:auto;height:clamp(24px,3.4vh,33px);margin:0;padding:0;padding-left:clamp(16px,1.2vw,22px);font-family:Instrument Sans,Instrument Sans Bold,sans-serif;font-weight:700;font-size:clamp(14px,1.2vw,22px);line-height:clamp(24px,3.4vh,33px);color:#444;font-variation-settings:"wdth" 100;display:flex;align-items:center}.gradient-hero-banner__heading{position:relative;left:0;top:0;width:100%;max-width:100%;margin:0;padding:0;margin-bottom:clamp(10px,1.5vh,16px);font-family:Instrument Sans,Instrument Sans Bold,sans-serif;font-weight:700;font-size:clamp(20px,3.5vw,68px);line-height:clamp(28px,5.2vw,100px);letter-spacing:clamp(-.5px,-.12vw,-2.5px);color:#fff;white-space:pre-wrap;font-variation-settings:"wdth" 100}.gradient-hero-banner__description{position:relative;left:0;top:0;width:100%;max-width:100%;margin:0;padding:0;margin-bottom:clamp(12px,2.5vh,24px);font-family:Instrument Sans,Instrument Sans Bold,sans-serif;font-weight:700;font-size:clamp(12px,1.2vw,22px);line-height:clamp(18px,1.8vw,34px);color:#fff;font-variation-settings:"wdth" 100}.gradient-hero-banner__button{position:relative;left:0;top:0;width:auto;min-width:clamp(200px,16.5vw,320px);max-width:100%;height:clamp(42px,3.6vw,70px);background-color:#fff;border-radius:36810964px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-decoration:none;padding:0 clamp(14px,1.3vw,26px);border:none;margin-bottom:clamp(12px,2.5vh,24px)}.gradient-hero-banner__button-text{position:relative;left:0;top:0;font-family:Instrument Sans,Instrument Sans Bold,sans-serif;font-weight:700;font-size:clamp(14px,1.1vw,21px);line-height:clamp(20px,1.7vw,32px);color:#444;text-align:center;font-variation-settings:"wdth" 100;flex:1;display:flex;align-items:center;justify-content:center}.gradient-hero-banner__button-icon{position:relative;left:0;top:0;width:clamp(18px,1.4vw,27px);height:clamp(18px,1.4vw,27px);margin-left:clamp(5px,.4vw,8px);flex-shrink:0}.gradient-hero-banner__button-arrow{position:relative;left:0;top:0;width:clamp(18px,1.4vw,27px);height:clamp(18px,1.4vw,27px);display:flex;align-items:center;justify-content:center;font-size:clamp(16px,1.25vw,24px);color:#444;margin-left:clamp(5px,.4vw,8px);flex-shrink:0}.gradient-hero-banner__features{position:relative;left:0;top:0;width:100%;max-width:100%;height:auto;min-height:clamp(16px,2.2vh,22px);display:flex;gap:clamp(4px,.4vw,7px);align-items:center;flex-wrap:wrap}.gradient-hero-banner__feature{display:flex;gap:clamp(4px,.4vw,7px);align-items:center;height:clamp(16px,2.2vh,22px);flex-shrink:0}.gradient-hero-banner__feature-check{width:clamp(16px,2.2vh,22px);height:clamp(16px,2.2vh,22px);background-color:#fff;border-radius:36810964px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:0;padding:0}.gradient-hero-banner__checkmark{font-family:Arimo,Noto Sans,sans-serif;font-weight:700;font-size:clamp(10px,.7vw,13px);line-height:clamp(14px,1vw,18px);color:#3456e6;margin:0;padding:0}.gradient-hero-banner__feature-text{flex:1 0 0;min-width:0;min-height:1px;height:clamp(16px,2.2vh,22px);margin:0;padding:0;font-family:Instrument Sans,Instrument Sans SemiBold,sans-serif;font-weight:600;font-size:clamp(10px,.75vw,14px);line-height:clamp(16px,2.2vh,22px);color:#fff;font-variation-settings:"wdth" 100;display:flex;align-items:center}.gradient-hero-banner__feature:first-child{width:auto;min-width:clamp(100px,7vw,140px)}.gradient-hero-banner__feature:nth-child(2){width:auto;min-width:clamp(60px,5vw,95px);margin-left:0}.gradient-hero-banner__feature:nth-child(3){width:auto;min-width:clamp(80px,6.5vw,125px);margin-left:0}@media (max-width: 1728px){.gradient-hero-banner__container{border-radius:clamp(12px,1.2vw,20px);width:calc(100% - 40px);max-width:calc(var(--fluid-container-width, 1410px) + var(--bs-gutter-x, 1.5rem) * 2)}.gradient-hero-banner__image-wrapper,.gradient-hero-banner__gradient-overlay{width:100%;left:0;min-width:100%;height:100%}.gradient-hero-banner__logo-wrapper{right:3%}.gradient-hero-banner__content{left:2.5%;width:60%;max-width:1100px;top:50%;transform:translateY(-50%);height:auto}}@media (max-width: 1024px){.gradient-hero-banner__container{aspect-ratio:16 / 9;height:auto;min-height:auto;max-height:none;width:calc(100% - 30px);max-width:calc(100% - 30px)}.gradient-hero-banner__image-wrapper{height:100%;min-height:100%}.gradient-hero-banner__background-image{object-fit:cover;object-position:center center}.gradient-hero-banner__gradient-overlay{height:100%}.gradient-hero-banner__logo-wrapper{right:3%;top:4%;flex-direction:column;align-items:flex-end}.gradient-hero-banner__logo{max-width:clamp(120px,14.6vw,150px);max-height:clamp(120px,14.6vw,150px)}.gradient-hero-banner__logo-text{font-size:clamp(16px,2vw,20px)}.gradient-hero-banner__content{width:clamp(280px,65%,1100px);left:clamp(15px,2.5%,30px);padding-top:clamp(15px,4%,40px)}.gradient-hero-banner__features{flex-wrap:wrap;width:100%;height:auto;gap:clamp(6px,.8vw,10px)}}@media (max-width: 768px){.gradient-hero-banner__container{aspect-ratio:16 / 9;height:auto;min-height:auto;max-height:none;border-radius:12px;width:calc(100% - 20px);max-width:calc(100% - 20px)}.gradient-hero-banner__image-wrapper{height:100%;min-height:100%}.gradient-hero-banner__background-image{object-fit:cover;object-position:center center}.gradient-hero-banner__gradient-overlay{height:100%}.gradient-hero-banner__logo-wrapper{right:2.5%;top:3%}.gradient-hero-banner__logo{max-width:clamp(80px,13vw,100px);max-height:clamp(80px,13vw,100px)}.gradient-hero-banner__logo-text{font-size:clamp(14px,2.1vw,16px)}.gradient-hero-banner__content{left:clamp(10px,2.5%,20px);width:calc(100% - clamp(20px,5%,40px));top:50%;transform:translateY(-50%);padding-top:clamp(10px,3%,30px)}.gradient-hero-banner__badge{position:relative;left:0;top:0;width:100%;max-width:100%;margin-bottom:clamp(15px,2.6vh,20px)}.gradient-hero-banner__heading{position:relative;left:0;top:0;width:100%;margin-bottom:clamp(12px,2vh,15px)}.gradient-hero-banner__description{position:relative;left:0;top:0;width:100%;margin-bottom:clamp(20px,3.3vh,25px)}.gradient-hero-banner__button{position:relative;left:0;top:0;width:100%;max-width:350px;margin-bottom:clamp(20px,3.3vh,25px)}.gradient-hero-banner__features{position:relative;left:0;top:0;width:100%;flex-direction:column;align-items:flex-start;gap:clamp(6px,1vh,8px)}.gradient-hero-banner__feature{width:100%!important}}@media (max-width: 480px){.gradient-hero-banner__container{width:calc(100% - 16px);max-width:calc(100% - 16px);aspect-ratio:16 / 9;height:auto;min-height:auto;max-height:none}.gradient-hero-banner__image-wrapper{height:100%;min-height:100%}.gradient-hero-banner__background-image{object-fit:cover;object-position:center center}.gradient-hero-banner__content{width:calc(100% - clamp(16px,4%,32px));left:clamp(8px,2%,16px);padding-top:clamp(8px,2.5%,20px)}.gradient-hero-banner__logo-wrapper{right:2%;top:2%}.gradient-hero-banner__badge,.gradient-hero-banner__description{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/gradient-hero-banner.css.map */