.qr-code-banner{height:287px;background-color:#36a1a1}.qr-code-banner-content{height:100%;padding:0 10px;position:relative}.bg-image-1,.bg-image-2{display:none}.banner-text{width:100%;position:absolute;top:50%;left:50%;z-index:10;transform:translate(-50%,-50%);color:#fff;text-align:center}.qr-code-content{margin:40px 0 80px 0;padding:0 10px;display:grid;gap:20px}.qr-code-content p{margin-top:10px;color:#006868;text-align:center}.qr-image{height:308px;padding:10px;display:flex;justify-content:center;align-items:center;border:2px solid #25c3a2}.qr-image img{height:100%}.image-bottom{position:relative}.bg{width:100%;height:45%;position:absolute;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(0,0,0,.4) 30%,rgba(0,0,0,.5) 100%)}.image-bottom p{width:100%;position:absolute;top:75%;left:50%;transform:translate(-50%,-50%);color:#fff;line-height:26px;text-align:center}@media screen and (min-width:500px){.image-bottom p{line-height:36px}.qr-code-content{grid-template-columns:1fr 1fr}.qr-image{height:230px}}@media screen and (min-width:768px){.bg-image-1{width:455px;height:287px;display:block}.bg-image-2{width:490px;height:272px;display:block;position:absolute;bottom:0;right:0;z-index:9}.qr-code-content{grid-template-columns:1fr 1fr 1fr;max-width:800px;margin:40px auto 80px auto}.qr-image{height:236px}.qr-code-image-bottom{display:flex}}@media screen and (min-width:1400px){.qr-code-banner-content{max-width:1400px;margin:0 auto;padding:0}}