.custom-image-banner{position:relative;width:100%;overflow:hidden}.banner-image-wrapper{position:relative;width:100%;height:var(--banner-height);overflow:hidden}.banner-image-link{display:block;width:100%;height:100%}.banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:2rem 2%;background:rgba(0,0,0,var(--overlay-opacity, .3));z-index:2}.banner-image{width:100%;height:100%;object-fit:cover;display:block}.mobile-image{display:none}.banner-content{color:#fff;max-width:550px;z-index:3;opacity:0;animation:fadeUp 1.2s ease-out forwards;animation-delay:.3s}.banner-heading-h3,.banner-heading{font-weight:400;color:#fff;margin:.5rem 0}.banner-heading-h3{font-size:48px;margin-bottom:.3rem}.banner-heading{font-size:80px}.banner-text{margin-bottom:16px;margin-top:.5rem;font-weight:400;line-height:1.6;font-size:18px}.banner-button{background:var(--button-bg-color, #fff);color:var(--button-text-color, #0B1F3A);padding:.7rem 1.8rem;border-radius:.3rem;text-decoration:none;font-weight:500;transition:background .3s ease,color .3s ease;display:inline-block}.banner-button:hover{background:var(--button-hover-bg-color, #31A4FF);color:var(--button-hover-text-color, #fff)}.banner-dots{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.dot-container{position:absolute;transform:translate(-50%,-50%);z-index:2;pointer-events:auto}.dot{width:22px;height:22px;border-radius:50%;cursor:pointer;position:relative;z-index:2;transition:all .3s ease;border:2px solid var(--dot-border-color, #ffffff);background-color:var(--dot-color)}.dot:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;border:2px solid var(--dot-border-color, #ffffff);animation:ripple 2s infinite;z-index:1}@keyframes ripple{0%{transform:scale(.8);opacity:.8}70%{transform:scale(1.4);opacity:0}to{transform:scale(1.4);opacity:0}}.dot-info{opacity:1;visibility:visible;pointer-events:auto;position:absolute;border-radius:12px;padding:10px 20px;box-shadow:0 4px 20px #0000001a,inset 0 1px #fff3;z-index:10;display:flex;align-items:center;gap:12px;flex-wrap:nowrap;transition:all .3s ease;min-width:260px;max-width:400px;color:var(--dot-info-text-color, #ffffff);top:var(--dot-info-top, auto);left:var(--dot-info-left, auto);right:var(--dot-info-right, auto);bottom:var(--dot-info-bottom, auto);min-height:170px}.dot-info.has-glossy-bg{background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.dot-info.has-glossy-bg:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,#fff3,#ffffff0d);border-radius:12px 12px 0 0;pointer-events:none;z-index:-1}.dot-info.has-custom-bg{background-color:var(--dot-info-bg-color);border:1px solid rgba(0,0,0,.1);backdrop-filter:none;-webkit-backdrop-filter:none}.dot-info.has-custom-bg:before{content:none}.dot-container.top-left .dot-info-1,.dot-container.top-left .dot-info-2,.dot-container.top-left .dot-info-3{left:50px;top:50px;right:auto;bottom:auto}.dot-container.top-right .dot-info-1,.dot-container.top-right .dot-info-2,.dot-container.top-right .dot-info-3{right:50px;top:50px;left:auto;bottom:auto}.dot-container.bottom-left .dot-info-1,.dot-container.bottom-left .dot-info-2,.dot-container.bottom-left .dot-info-3{left:50px;bottom:50px;right:auto;top:auto}.dot-container.bottom-right .dot-info-1,.dot-container.bottom-right .dot-info-2,.dot-container.bottom-right .dot-info-3{right:50px;bottom:50px;left:auto;top:auto}.dot-info-left{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.dot-info-left img{width:100%;height:100%;object-fit:contain}.dot-info-right{flex:1;min-width:0}.dot-info-right h4{color:inherit;font-size:12px;font-weight:600;margin:0 0 4px;line-height:1.2;word-wrap:break-word}.dot-info-right p{color:inherit;opacity:.9;font-size:10px;margin:0;line-height:1.3;word-wrap:break-word}.dot-container:after{content:"";position:absolute;width:var(--connector-width);height:var(--connector-height);left:var(--connector-offset-x);top:var(--connector-offset-y);background:transparent;z-index:1;border-color:var(--connector-color, #ffffff)}.dot-container.top-left:after{border-top:1px solid var(--connector-color, #ffffff);border-left:1px solid var(--connector-color, #ffffff);border-right:none;border-bottom:none}.dot-container.top-right:after{border-top:1px solid var(--connector-color, #ffffff);border-right:1px solid var(--connector-color, #ffffff);border-left:none;border-bottom:none}.dot-container.bottom-left:after{border-bottom:1px solid var(--connector-color, #ffffff);border-left:1px solid var(--connector-color, #ffffff);border-top:none;border-right:none}.dot-container.bottom-right:after{border-bottom:1px solid var(--connector-color, #ffffff);border-right:1px solid var(--connector-color, #ffffff);border-top:none;border-left:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1100px)and (max-width:1500px){.banner-content{max-width:390px}.banner-heading{font-size:60px}.banner-heading-h3{font-size:40px}.banner-text{font-size:16px}}@media(max-width:1100px){.banner-dots,.dot-container,.dot,.dot-info{display:none!important;visibility:hidden!important;opacity:0!important}.dot-container:after{display:none!important}}@media(max-width:1024px){.banner-heading-h3{font-size:40px}.banner-heading{font-size:56px}}@media(max-width:767px){.banner-image-wrapper{height:var(--banner-height-mobile, var(--banner-height))}.mobile-image{display:block}.desktop-image{display:none}.desktop-image:only-child{display:block}.banner-heading-h3{font-size:24px}.banner-heading{font-size:30px}.banner-text{font-size:14px;margin-bottom:12px}.banner-button{padding:8px 16px;font-size:14px}}@media(max-width:480px){.banner-heading-h3{font-size:20px}.banner-heading{font-size:30px}.banner-text{font-size:12px}.banner-button{padding:6px 12px;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-image-banner.css.map */