.banner-with-grid{padding-top:var(--padding-top-desk);padding-bottom:var(--padding-bottom-desk);background-image:var(--section-bg);background-repeat:no-repeat;background-position:center;background-size:cover}.banner-with-grid-container .main-heading{color:var(--main-heading-color);font-size:clamp(20px,2.1vw,var(--main-heading-font-desk));line-height:1.4;margin:0 0 clamp(14px,1.2vw,22px) 0;letter-spacing:0}.banner-with-grid-container .main-desciption *{color:var(--desc-color);max-width:631px;font-size:clamp(13px,1vw,18px);line-height:1.528;margin:0 0 clamp(50px,5.3vw,100px) 0;letter-spacing:0}.image-grid-list .image-wrapper img,.image-grid-list .image-wrapper svg{display:block;width:100%;height:100%;object-fit:cover;transition:all .4s}.image-grid-list{width:100%;position:relative;overflow:hidden}.image-grid-list:hover .image-wrapper svg,.image-grid-list:hover .image-wrapper img{transform:scale(1.05)}.image-grid-list .content-wrapper{position:absolute;bottom:0;width:100%;padding:0 clamp(13px,1.1vw,20px) clamp(13px,1.1vw,20px) clamp(13px,1.1vw,20px)}.content-wrapper .tag-text{font-size:clamp(9px,.8vw,14px);margin:0;color:var(--tag-text-color);background:var(--tag-bg);padding:clamp(2px,.3vw,4px) clamp(13px,1.1vw,20px);border-radius:clamp(2px,.3vw,4px);letter-spacing:0;text-transform:capitalize}.content-wrapper .title{font-size:var( --heading-font-desk);color:var( --heading-color);margin:0;line-height:1.4;letter-spacing:0;text-transform:capitalize}.content-wrapper .title-with-button{display:flex;justify-content:space-between;align-items:end;padding-top:clamp(3px,.5vw,8px)}.title-with-button .learn-more-button{border:1px solid #fff;color:var(--button-text-color);padding:clamp(5px,.6vw,10px) clamp(13px,1vw,18px);border-radius:clamp(2px,.3vw,4px);font-size:clamp(11px,.9vw,16px);text-transform:capitalize;letter-spacing:0;line-height:1.313;transition:all .4s;text-decoration:none;background:var(--button-bg);cursor:pointer;white-space:nowrap}.image-grid-list:hover .learn-more-button{background:#ffffff42}.main-grid-slider.swiper{opacity:0}.main-grid-slider.swiper.swiper-initialized{opacity:1}.main-grid-slider .grid-wrapper{box-sizing:border-box}.main-grid-slider .custom-pagination{display:flex;justify-content:center;align-items:center;gap:clamp(3px,.5vw,8px);padding-top:clamp(14px,1.2vw,23px)}.custom-pagination .swiper-pagination-bullet{margin:0!important;width:clamp(17px,1.9vw,35px);height:2px;background:#000;border-radius:unset}.banner-with-grid .grid-with-image{transition:all .5s;transform:translateY(70px)}.is-visible .grid-with-image{transform:translateY(0)}@media(max-width:1440px){.content-wrapper .title{font-size:clamp(10px,.8vw,15px)}}@media(max-width:1024px){.title-with-button .learn-more-button{font-size:14px}}@media(max-width:768px){.banner-with-grid{padding-top:var(--padding-top-mob);padding-bottom:var(--padding-bottom-mob);background-image:var(--section-mob)}.banner-with-grid-container .main-heading{font-size:var(--main-heading-font-mob);text-align:center;margin:0 0 16px;line-height:1.434}.content-wrapper .title{font-size:var(--heading-font-mob)}.content-wrapper .tag-text{font-size:14px;padding:4px 20px;border-radius:4px}.banner-with-grid-container .main-desciption *{margin:0 0 40px;font-size:16px;text-align:center;max-width:100%;line-height:1.5}.content-wrapper .title-with-button{flex-wrap:wrap;padding-top:7px}.title-with-button .learn-more-button{font-size:12px;padding:7px 10px}.image-grid-list .content-wrapper{padding:0 13px 15px}}@media(max-width:520px){.content-wrapper .title{max-width:188px;width:100%}}@media(max-width:360px){.content-wrapper .title{font-size:14px;max-width:160px}.title-with-button .learn-more-button{padding:10px}.content-wrapper .tag-text{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/banner-with-grid.css.map */