.kb-banner{width:100%;height:100vh}.kb-banner__inner{display:flex;width:100%;height:100%}.kb-banner__left{position:relative;width:50%;height:100%;overflow:hidden;background-color:var(--bg-color);display:flex;align-items:center;justify-content:center}.kb-banner__bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.kb-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-color);opacity:var(--overlay-opacity);z-index:2}.kb-banner__content{position:relative;z-index:3;max-width:480px;padding:40px;text-align:center;font-family:var(--font-family)}.kb-banner__heading-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.kb-banner__icon{width:30px;height:30px;flex-shrink:0}.kb-banner__heading{margin:0;color:var(--heading-color);font-size:var(--heading-size);font-weight:var(--heading-weight);font-family:var(--font-family);line-height:1.2}.kb-banner__text{color:var(--text-color);font-size:var(--text-size);font-weight:var(--text-weight);font-family:var(--font-family);line-height:1.6;margin-bottom:28px}.kb-banner__text p{margin:0}.kb-banner__btn{display:inline-block;background-color:var(--btn-bg);color:var(--btn-text);font-family:var(--font-family);font-weight:600;font-size:15px;padding:14px 34px;border-radius:6px;text-decoration:none;transition:background-color .25s ease}.kb-banner__btn:hover{background-color:var(--btn-bg-hover)}.kb-banner__right{width:50%;height:100%;position:relative;overflow:hidden}.kb-banner__right-img{width:100%;height:100%;object-fit:cover;display:block}.kb-banner__right-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f4f4f4}.kb-banner__placeholder-svg{width:60%;height:60%;opacity:.5}@media screen and (max-width:749px){.kb-banner{height:auto}.kb-banner__inner{flex-direction:column}.kb-banner__left,.kb-banner__right{width:100%}.kb-banner__left{height:auto;min-height:60vh;padding:0}.kb-banner__right{height:55vh}.kb-banner__content{padding:50px 24px}.kb-banner__heading{font-size:var(--heading-size-mobile)}.kb-banner__text{font-size:var(--text-size-mobile)}.kb-banner__icon{width:20px;height:20px}}@media screen and (min-width:750px)and (max-width:989px){.kb-banner__content{padding:30px}.kb-banner__heading{font-size:calc(var(--heading-size) * .75)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/krishna-bodh-banner.css.map */