.purchase-outer{background:url('../../img/purchase-bg.svg') repeat center; padding:50px 0px;}
.purchase-bg{background:rgb(255 255 255 / 90%); border-radius:20px; padding:34px;}
.purchase-main{display:grid; grid-template-columns:1fr 1fr; align-items:center; row-gap:2rem; column-gap:2rem;}
.purchase-qr-left{background:#00B2B1; border-radius:20px; padding:40px 40px 0px 40px; max-width:450px; margin:0 auto;}
.purchase-qr-left h1{color:var(--white); font-size:30px; font-weight:600; line-height:45px; margin:1rem 0px 2.4rem 0px;}
.pqr-img-group{display:flex; justify-content:center; align-items:center; column-gap:1.4rem;}
.pqr-img-group figure{background:var(--white); border-radius:10px; padding:10px;}
.pqr-right{display:flex; flex-direction:column; align-items:center; row-gap:35px;}
.pqr-right h2{font-size:34px; color:#2C4359; font-weight:700;}
.promo-code h3{font-size:44px; color:#2C4359; font-weight:700;}
.pc-code{background:rgb(255 255 255 / 90%); border-radius:20px; border:dashed 1px #000000;font-size:44px; color:#2C4359; font-weight:700; text-transform:uppercase;}
.pc-footer{color:#2C4359;}
.pc-footer strong{font-weight:600;}
.pc-footer a{color:#2C4359;}
.download-app-btn2{background:var(--white); border-radius:10px; color:#00B2B1; font-size:16px; font-weight:600; width:100%; max-width:190px; margin-bottom:30px;}
.download-app-btn2:hover{background:var(--dblue); color:var(--white);}

@media(max-width:776px) {
.purchase-bg{padding:25px 15px 25px 15px;}
.purchase-main{grid-template-columns:1fr;}
.purchase-qr-left{order:2; width:100%;}
.pqr-right h2{font-size:24px;}
.promo-code h3{font-size:28px;}
.pc-code{font-size:28px; width:100%; border-radius:12px;}
.pqr-right{row-gap:30px;}
}