.home-banner{background-color:var(--home-banner-bg-color, transparent)}.home-banner .banner-media{display:block;width:var(--banner-image-width, 100%);max-width:100%;line-height:0}.home-banner .banner-media--link{cursor:pointer}.home-banner .banner-media:not(.banner-media--link){cursor:default}.home-banner .banner-media img{display:block;width:100%;height:auto;object-fit:cover}.home-banner .page-width .left-img{width:100%;padding-right:0;padding-bottom:0;line-height:0}.home-banner .page-width .right-img{display:grid;grid-template-columns:1fr 1fr;column-gap:10px}.home-banner .page-width .mobile_img{display:none!important}.position-relative{position:relative}.arrow-btn{position:absolute;left:50%;bottom:-3%;transform:translate(-50%)}.banner-icon_wrapper{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border:1px solid;border-radius:50%;background:#000;color:#fff}.arrow-btn svg{width:35px;height:20px}.home-banner.creatine-pdp-image-block .banner-media{margin:0 auto -110px;position:relative;width:60%}.home-banner.why-take-caretine{background-color:#fafafa}.home-banner.iso-pdp-image-block .banner-media{margin:0 auto}.home-banner.iso-pdp-why-use .banner-media{border-bottom:2px solid #f1f1f1}@media only screen and (max-width:1399px){.home-banner.creatine-pdp-image-block .banner-media{width:80%}}@media only screen and (max-width:991px){.home-banner.creatine-pdp-image-block .banner-media{margin:0 auto -60px}}@media only screen and (max-width:749px){.home-banner .page-width .mobile_img{display:block!important}.home-banner .page-width .desktop_img{display:block}.home-banner .page-width .desktop_img.small-hide{display:none!important}.home-banner.whey-pdp-image-block .banner-media{padding:0 15px}.home-banner.creatine-pdp-image-block .banner-media{margin:-20px auto 20px;width:100%;padding:0 20px}}@media only screen and (max-width:480px){.arrow-btn{bottom:-5%}.banner-icon_wrapper{width:50px;height:50px}.arrow-btn svg{width:20px;height:20px}.home-banner.iso-pdp-image-block .banner-media{width:100%!important;padding:0 15px}.home-banner.creatine-pdp-image-block .banner-media{padding:0 15px}}
/*# sourceMappingURL=/cdn/shop/t/242/assets/section-homepage-banner.css.map */