.background-container-layout{position:relative}.background-container-layout .background-wrapper{position:absolute;top:0;left:0;background-size:cover;transition:all .3s ease}.background-container-layout .component-layout-background{position:relative}.background-container-layout .bgp-center{background-position:center}.background-container-layout .bgp-top{background-position:top}.background-container-layout .bgp-bottom{background-position:bottom}.background-container-layout .bgp-left{background-position:left}.background-container-layout .bgp-right{background-position:right}.background-container-layout .cover-wrapper{top:0}.background-container-layout .cover-wrapper .title>*{font-weight:bold;color:#fff;font-size:28px;margin:0}.background-container-layout .cover-wrapper .percent-bubble{position:absolute;top:8px;right:8px;font-size:14px;background:#e20077;height:56px;width:56px;display:flex;align-items:center;justify-content:center;border-radius:100px;font-weight:bold;color:#fff;transition:all .3s ease}@media(min-width: 992px){.background-container-layout .cover-wrapper .percent-bubble{top:20px;right:20px}}.background-container-layout.banner{cursor:pointer}.background-container-layout.banner:hover .background-wrapper{transform:scale(1.2)}.background-container-layout.banner:hover .percent-bubble{transform:rotate(20deg)}