.custom-banner{position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden}.custom-banner__background{position:absolute;top:0;left:0;width:100%;height:100%}.custom-banner__background-image{width:100%;height:100%;object-fit:cover}.custom-banner__text{margin-bottom:1rem}.custom-banner__heading{margin-bottom:1rem;color:#333}.custom-banner__description{color:#666}.custom-banner__foreground-image{position:relative;z-index:3;max-width:100%;margin:0;display:flex}.custom-banner__foreground-image-element{width:100%;height:auto;object-fit:contain}.custom-banner__buttons{display:flex;gap:1rem;margin-top:1rem;justify-content:center}.custom-banner__buttons a.button{font-size:1rem;text-decoration:none;border-radius:25px;border:none;cursor:pointer;color:#fff;background-color:#0181fc;transition:background-color 1s ease}.custom-banner__buttons a.button:hover{background-color:#66aef3}@media screen and (max-width: 749px){.custom-banner{min-height:70vh}.custom-banner__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 1rem;min-height:70vh}.custom-banner__foreground-image{max-width:90%}.custom-banner__buttons{flex-direction:column;gap:.5rem}.custom-banner__buttons a.button{padding:.75rem 1.5rem;display:inline-flex;align-self:center;width:auto}}@media screen and (min-width: 750px) and (max-width: 1023px){.custom-banner__foreground-image{max-width:50%}.custom-banner{max-height:60vh}.custom-banner__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 2rem;max-width:1200px;max-height:60vh}.custom-banner__buttons a.button{padding:.75rem 1.5rem}}@media screen and (min-width: 1024px){.custom-banner__foreground-image{max-width:50%}.custom-banner{max-height:100vh}.custom-banner__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 2rem}.custom-banner__buttons a.button{padding:.75rem 1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-image-banner.css.map */
