.banner-image-with-detail{padding-top:var(--padding-top-mob);padding-bottom:var(--padding-bottom-mob);background:var(--section-bg)}.banner-image-detail-container{position:relative;overflow:hidden}.banner-image-detail-wrapper .banner-desktop-only{display:block;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.banner-image-with-detail .detail-content-container{position:relative;background:var(--detail-container-bg);max-width:1002px;box-shadow:0 3px 6px 1px #00000029;border-radius:22px;padding:28px 30px 33px;margin:60px 0 58px auto}.details-text-flex-items{display:flex;align-items:center;flex-wrap:wrap}.banner-image-with-detail .content-heading{font-size:var(--heading-size-mob);margin:0 0 16px;line-height:1.32;color:var(--heading-color);text-transform:capitalize;text-align:center;transition:all .6s;transform:translateY(100%);opacity:0}.banner-image-with-detail .content-desc p{color:var(--top-text-color);font-size:14px;text-align:center;line-height:1.223;margin:0 0 24px;transition:all .6s;transform:translateY(100%);opacity:0}.details-grid-block-container{column-gap:20px;row-gap:28px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;transition:all .6s;transform:translateY(100%);opacity:0}.active .details-grid-block-container,.banner-image-with-detail.active .content-heading,.banner-image-with-detail.active .content-desc p{opacity:1;transform:translateY(0)}.banner-image-with-detail .item-image img{display:block;width:100%;height:100%;object-fit:cover}.banner-image-with-detail .item-title{font-size:14px;margin:10px 0 0;text-align:center;line-height:1.189;font-family:var(--font-semibold--family)}.grid-items-wrapper.small{flex:0 0 33.33%;max-width:calc(33.33% - 14px)}.grid-items-wrapper.wide{flex:0 0 50%;max-width:calc(50% - 10px)}.banner-image-with-detail .content-heading,.banner-image-with-detail .content-desc p{text-align:left}.details-text-container.desktop-only{display:none}@media(min-width:768px){.details-text-container.desktop-only{display:block}.details-text-container.mobile-only{display:none}.banner-image-with-detail{padding-top:var(--padding-top-desk);padding-bottom:var(--padding-bottom-desk)}.banner-image-detail-wrapper .banner-mobile-only{display:none}.banner-image-with-detail .content-heading{font-size:var(--heading-size-desk);margin:0 0 .8333vw}.banner-image-with-detail .content-desc p{font-size:.9375vw;margin:0 0 1.4583vw}.details-grid-block-container{column-gap:1.0417vw;row-gap:1.4583vw}.banner-image-with-detail .item-title{font-size:.8333vw;margin:.8333vw 0 0}.grid-items-wrapper.small{flex:0 0 33.33%;max-width:calc(33.33% - .7292vw)}.grid-items-wrapper.wide{flex:0 0 50%;max-width:calc(50% - .53vw)}.banner-image-with-detail .detail-content-container{max-width:60%;border-radius:1.1458vw;padding:1.4583vw 1.5625vw 1.7188vw;margin:3.125vw 0 3.0208vw auto}.banner-image-with-detail .item-image .block-desktop-img{display:block}.banner-image-with-detail .item-image .block-mobile-img{display:none}.details-text-container{flex:0 0 40%;max-width:calc(40% - 1.5625vw)}.details-text-flex-items{gap:1.5625vw}}@media(max-width:767px){.details-text-container.mobile-only{position:absolute;top:20px;left:20px;right:20px}.banner-image-detail-wrapper{margin-bottom:-150px}.banner-image-with-detail .content-heading,.banner-image-with-detail .content-desc p{text-align:center}.banner-image-detail-wrapper .banner-mobile-only{display:block}.banner-image-detail-wrapper .banner-desktop-only{display:none}.banner-image-with-detail .detail-content-container{position:relative;max-width:100%;border-radius:6px;padding:30px 20px 25px;margin:16px 0 30px auto}.banner-image-with-detail .content-heading{line-height:1.215}.mobile-container .grid-items-wrapper.small{flex:0 0 50%;max-width:calc(50% - 5px)}.mobile-container .grid-items-wrapper.small:nth-child(4){flex:0 0 50%;max-width:calc(50% - 5px)}.details-grid-block-container{align-items:flex-start;column-gap:10px;row-gap:26px}.grid-items-wrapper.wide{flex:0 0 100%;max-width:100%}.banner-image-with-detail .item-image .block-desktop-img{display:none}.banner-image-with-detail .item-image .block-mobile-img{display:block}}@media(min-width:1922px){.banner-image-with-detail .content-heading{margin:0 0 16px;font-size:40px}.banner-image-with-detail .content-desc p{font-size:18px;margin:0 0 28px}.details-grid-block-container{column-gap:20px;row-gap:28px}.banner-image-with-detail .item-title{font-size:16px;margin:16px 0 0}.grid-items-wrapper.small{max-width:calc(33.33% - 14px)}.grid-items-wrapper.wide{max-width:calc(50% - 10px)}.banner-image-with-detail .detail-content-container{max-width:50%;border-radius:22px;padding:28px 30px 33px;margin:60px 0 58px auto}.details-text-container{flex:0 0 32%;max-width:calc(32% - 30px)}.details-text-flex-items{gap:30px}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/banner-image-with-detail.css.map */