.banner-with-bg-image-and-details{background-color:var(--background-color);position:relative;padding:40px 0}.banner-with-bg-image-and-details .background-graphic{position:absolute;top:0;left:0;height:100%;width:40%}.banner-with-bg-image-and-details .background-graphic .overlay{position:absolute;width:100%;height:100%;opacity:.3;background:#000}.banner-with-bg-image-and-details .background-graphic .bg-image-container{height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.banner-with-bg-image-and-details .background-graphic .bg-image-container .actions{position:absolute;top:20px;left:20px}.banner-with-bg-image-and-details .left{height:100%;width:100%}.banner-with-bg-image-and-details .left .graphics{height:100%;width:100%;display:flex;align-items:center;justify-content:flex-end}.banner-with-bg-image-and-details .left .image-container{background-size:cover;background-position:50%;background-repeat:no-repeat;height:500px;width:80%;position:relative;z-index:2;border-radius:10px}.banner-with-bg-image-and-details .left .image-container .actions{position:absolute;top:20px;right:20px}.banner-with-bg-image-and-details .right{display:flex;justify-content:center;align-items:center;height:100%;padding:100px 0}.banner-with-bg-image-and-details .right .content .heading .tag{padding:10px 20px;border-radius:50px;background-color:color-mix(in srgb,var(--primary-color),transparent 92%)}@media (max-width:992px){.banner-with-bg-image-and-details{padding:80px 0}.banner-with-bg-image-and-details .background-graphic{height:400px;width:100%}.banner-with-bg-image-and-details .bg-image-container{width:100%}.banner-with-bg-image-and-details .container .left .graphics{justify-content:center}.banner-with-bg-image-and-details .container .left .graphics .image-container{width:100%}.banner-with-bg-image-and-details .right{padding:40px 20px;text-align:center}}