:root{--banner-transition: all .3s ease;--banner-hover-transform: translateY(-5px);--banner-hover-shadow: 0 10px 30px rgba(0, 0, 0, .1);--banner-padding: 20px;--banner-image-border-radius: 8px;--discount-gradient: transparent;--button-primary: #007bff;--button-hover: #0056b3}.section-grid-banners .banner-box{position:relative;overflow:hidden;border-radius:var(--primary-radius-lg, 30px);transition:var(--banner-transition)}.section-grid-banners .banner-box:hover{transform:var(--banner-hover-transform);box-shadow:var(--banner-hover-shadow)}.section-grid-banners .inner-banner-box{position:relative;display:flex;align-items:center;flex-direction:row}.section-grid-banners .side-image{flex:0 0 40%;text-align:center}.section-grid-banners .side-image img{height:auto;border-radius:var(--banner-image-border-radius)}.section-grid-banners .inner-contact{flex:1;padding-left:20px}.section-grid-banners .inner-contact h5{font-size:1.5rem;font-weight:600;margin-bottom:10px;color:#333}.section-grid-banners .inner-contact p{font-size:.9rem;color:#666;margin-bottom:15px;line-height:1.4}.section-grid-banners .bg-box-color-skin{background-color:#fbf2e5}.section-grid-banners .bg-box-color-skin:before{background-color:#f4dab4}.section-grid-banners .bg-box-color-skin:after{background-color:#f4dab4}.section-grid-banners .bg-box-color-pink{background-color:#ffe8ee}.section-grid-banners .bg-box-color-pink:before{background-color:#ffc6ce}.section-grid-banners .bg-box-color-pink:after{background-color:#ffc6ce}.section-grid-banners .bg-box-color-blue{background-color:#e8f4fd}.section-grid-banners .bg-box-color-blue:before{background-color:#b3d9f2}.section-grid-banners .bg-box-color-blue:after{background-color:#b3d9f2}.section-grid-banners .bg-box-color-green{background-color:#e8f8f0}.section-grid-banners .bg-box-color-green:before{background-color:#b3e6cc}.section-grid-banners .bg-box-color-green:after{background-color:#b3e6cc}.section-grid-banners .bg-box-color-purple{background-color:#f3e8ff}.section-grid-banners .bg-box-color-purple:before{background-color:#d9b3ff}.section-grid-banners .bg-box-color-purple:after{background-color:#d9b3ff}.section-grid-banners .bg-box-color-orange{background-color:#fff4e6}.section-grid-banners .bg-box-color-orange:before{background-color:#ffd9b3}.section-grid-banners .bg-box-color-orange:after{background-color:#ffd9b3}.section-grid-banners .bg-box-color-teal{background-color:#e6f7f7}.section-grid-banners .bg-box-color-teal:before{background-color:#b3e6e6}.section-grid-banners .bg-box-color-teal:after{background-color:#b3e6e6}.section-grid-banners .bg-box-color-gray{background-color:#f8f9fa}.section-grid-banners .bg-box-color-gray:before{background-color:#e9ecef}.section-grid-banners .bg-box-color-gray:after{background-color:#e9ecef}.section-grid-banners .discount-badge{display:inline-block;background:var(--discount-gradient);color:var(--text-under-light);padding:2px 8px;border-radius:var(--primary-radius-md, 20px);font-size:14px;font-weight:600;margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px;position:absolute;top:-20px;right:-20px}.section-grid-banners .inner-banner-box.direction-reverse{flex-direction:row-reverse}.section-grid-banners .bb-col-lg-5{flex:0 0 20%;max-width:20%}.section-grid-banners .col-lg-4 .inner-banner-box,.section-grid-banners .col-lg-3 .inner-banner-box,.section-grid-banners .bb-col-lg-5 .inner-banner-box,.section-grid-banners .col-xl-2 .inner-banner-box{flex-direction:column;text-align:center}.section-grid-banners .col-lg-4 .inner-banner-box a,.section-grid-banners .col-lg-3 .inner-banner-box a,.section-grid-banners .bb-col-lg-5 .inner-banner-box a,.section-grid-banners .col-xl-2 .inner-banner-box a{margin:auto}.section-grid-banners .col-lg-3 .inner-banner-box h5{font-size:28px!important}.section-grid-banners .bb-col-lg-5 .inner-banner-box h5{font-size:23px!important}.section-grid-banners .col-xl-2 .inner-banner-box h5{font-size:20px!important}.section-grid-banners .col-lg-3 .inner-banner-box p,.section-grid-banners .bb-col-lg-5 .inner-banner-box p,.section-grid-banners .col-xl-2 .inner-banner-box p{font-size:14px!important}.section-grid-banners .bb-col-lg-5 .inner-banner-box .side-image img,.section-grid-banners .bb-col-lg-5 .inner-banner-box .side-image svg{width:210px;height:210px}.section-grid-banners .col-xl-2 .inner-banner-box .side-image img,.section-grid-banners .col-xl-2 .inner-banner-box .side-image svg{width:180px;height:180px}.section-grid-banners .col-lg-4 .inner-banner-box.direction-reverse,.section-grid-banners .col-lg-3 .inner-banner-box.direction-reverse,.section-grid-banners .bb-col-lg-5 .inner-banner-box.direction-reverse,.section-grid-banners .col-xl-2 .inner-banner-box.direction-reverse{flex-direction:column-reverse}.section-grid-banners .col-lg-4 .side-image,.section-grid-banners .col-lg-3 .side-image,.section-grid-banners .bb-col-lg-5 .side-image,.section-grid-banners .col-xl-2 .side-image{margin-top:15px;margin-bottom:15px;flex:none}.section-grid-banners .col-lg-4 .inner-contact,.section-grid-banners .col-lg-3 .inner-contact,.section-grid-banners .bb-col-lg-5 .inner-contact,.section-grid-banners .col-xl-2 .inner-contact{margin-top:15px;margin-bottom:15px}.section-grid-banners .col-lg-4 .inner-contact,.section-grid-banners .col-lg-3 .inner-contact,.section-grid-banners .bb-col-lg-5 .inner-contact,.section-grid-banners .col-xl-2 .inner-contact{padding:0;align-items:center}.banner-box{padding:30px;border-radius:var(--primary-radius-md, 20px);position:relative;overflow:hidden}.banner-box:hover:before{left:-210px;top:-210px}.banner-box:hover:after{right:-80px;bottom:-110px}.banner-box:before{transition:all .3s ease-in-out;content:"";width:400px;height:600px;position:absolute;left:-200px;top:-200px;bottom:0;rotate:40deg;z-index:0}.banner-box:after{transition:all .3s ease-in-out;content:"";width:150px;height:300px;position:absolute;right:-70px;bottom:-100px;rotate:40deg;z-index:0}.banner-box .inner-banner-box{position:relative;z-index:1;display:flex;justify-content:space-between}.banner-box .inner-banner-box .side-image{padding:0 12px;display:flex;align-items:center}.banner-box .inner-banner-box .side-image img,.banner-box .inner-banner-box .side-image svg{width:280px;height:280px}.banner-box .inner-banner-box .inner-contact{max-width:250px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.banner-box .inner-banner-box .inner-contact h5{margin-bottom:15px;font-size:calc(var(--font-heading-scale) * 31px);font-weight:700;color:var(--text-under-light)}.banner-box .inner-banner-box .inner-contact p{width:100%;margin-bottom:15px;font-size:calc(var(--font-body-scale) * 16px);line-height:22px;color:var(--text-color)}.banner-box .inner-banner-box .inner-contact a{padding:5px 15px}@media only screen and (max-width:1399px){.banner-box .inner-banner-box .inner-contact h5{font-size:28px}.section-grid-banners .bb-col-lg-5{flex:0 0 33.3333%;max-width:33.3333%}.banner-box .inner-banner-box .side-image img,.banner-box .inner-banner-box .side-image svg{width:230px;height:230px}.section-grid-banners .col-lg-3 .inner-banner-box h5{font-size:22px!important}.section-grid-banners .col-xl-2 .inner-banner-box h5{font-size:18px!important}.section-grid-banners .col-xl-2 .inner-banner-box .side-image img,.section-grid-banners .col-xl-2 .inner-banner-box .side-image svg{width:150px;height:150px}}@media only screen and (max-width:1199px){.banner-box .inner-banner-box .side-image img,.banner-box .inner-banner-box .side-image svg{width:180px;height:180px}.banner-box .inner-banner-box .inner-contact h5{font-size:24px}.section-grid-banners .col-lg-3 .inner-banner-box h5{font-size:19px!important}}@media only screen and (max-width:991px){.banner-box .inner-banner-box .side-image img,.banner-box .inner-banner-box .side-image svg{width:280px;height:280px}.banner-box .inner-banner-box .inner-contact h5{font-size:22px}.section-grid-banners .bb-col-lg-5{flex:0 0 50%;max-width:50%}.section-grid-banners .bb-col-lg-5 .inner-banner-box h5{font-size:22px!important}}@media only screen and (max-width:767px){.banner-box .inner-banner-box .side-image img,.banner-box .inner-banner-box .side-image svg{width:250px;height:250px}.banner-box:before{left:-300px}.banner-box:after{right:-100px}.banner-box:hover:before{left:-310px}.section-grid-banners .discount-badge{margin-left:auto;margin-right:auto}.banner-box .inner-banner-box .inner-contact a{margin:auto}.banner-box:hover:after{right:-110px}.section-grid-banners .inner-banner-box{flex-direction:column;text-align:center}.section-grid-banners .side-image{flex:none;margin-bottom:15px}.section-grid-banners .inner-contact{padding-left:0}.section-grid-banners .bb-col-lg-5{flex:0 0 100%;max-width:100%}.section-grid-banners .bb-col-lg-5 .inner-banner-box h5{font-size:21px!important}}@media only screen and (max-width:575px){.banner-box .inner-banner-box .side-image img,.banner-box .inner-banner-box .side-image svg{width:100%;height:auto}.banner-box .inner-banner-box .inner-contact h5{font-size:24px}.section-grid-banners .bb-col-lg-5 .inner-banner-box h5{font-size:20px!important}}@media only screen and (max-width:480px){.banner-box .inner-banner-box{flex-direction:column}.banner-box .inner-banner-box .side-image{padding:0;margin-bottom:12px;display:flex;justify-content:center}.banner-box .inner-banner-box .side-image img,.banner-box .inner-banner-box .side-image svg{width:100%}.banner-box .inner-banner-box .inner-contact{padding:0;max-width:100%;text-align:center;align-items:center}.banner-box .inner-banner-box .inner-contact h5{margin-bottom:2px;font-size:calc(var(--font-heading-scale) * 22px)}.banner-box .inner-banner-box .inner-contact p{margin-bottom:8px;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-grid-banner.css.map */