.gift-voucher{background-color:var(--color-mono100);position:relative;z-index:1}.gift-voucher .progress{padding-top:20px;background-color:#fff;border-bottom:1px solid var(--color-mono300)}@media(max-width: 960px){.gift-voucher .progress{padding-top:0}}@media(max-width: 960px){.gift-voucher .progress section{max-width:100%;padding:0}}.gift-voucher .progress section ul{margin:0;padding:20px 0;list-style-type:none;display:flex;display:-webkit-flex;-webkit-align-items:center;align-items:center;justify-content:space-between;-webkit-justify-content:space-between}@media(max-width: 960px){.gift-voucher .progress section ul{justify-content:flex-start;-webkit-justify-content:flex-start;padding-left:20px;overflow:auto;gap:10px}}.gift-voucher .progress section ul li{display:flex;display:-webkit-flex;-webkit-align-items:center;align-items:center;gap:15px;font-family:"Kanit",sans-serif;font-size:2rem;font-size:clamp(2rem,2vw,2rem);line-height:100%}@media(max-width: 1260px){.gift-voucher .progress section ul li{font-size:1.8rem;font-size:clamp(1.8rem,1.8vw,1.8rem);line-height:100%}}@media(max-width: 1100px){.gift-voucher .progress section ul li{font-size:1.6rem;font-size:clamp(1.6rem,1.6vw,1.6rem);line-height:100%}}@media(max-width: 960px){.gift-voucher .progress section ul li{flex:1 0 auto;-webkit-flex:1 0 auto}}.gift-voucher .progress section ul li.is-done{opacity:.5}@media(max-width: 960px){.gift-voucher .progress section ul li.is-done{display:none}}@media(max-width: 960px){.gift-voucher .progress section ul li.is-done+.arrow{display:none}}.gift-voucher .progress section ul li.is-active{position:relative}.gift-voucher .progress section ul li.is-active:after{border-bottom:5px solid var(--color-attention-blue);content:"";position:absolute;bottom:-22px;left:0;width:100%}.gift-voucher .progress section ul li.arrow{flex:0 0 30px;-webkit-flex:0 0 30px;width:30px;height:30px;background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.38428 23.3848L16.5628 15.1883L8.38428 6.99192L10.9021 4.47406L21.6164 15.1883L10.9021 25.9027L8.38428 23.3848Z' fill='%23040404'/%3E%3C/svg%3E%0A")}.gift-voucher .progress section ul li span{color:#fff;font-family:"Kanit",sans-serif;font-weight:500;font-size:3rem;font-size:clamp(3rem,3vw,3rem);line-height:100%;display:flex;display:-webkit-flex;-webkit-align-items:center;align-items:center;justify-content:center;-webkit-justify-content:center;width:50px;height:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;border-radius:50px;background-color:var(--color-dark-blue)}.gift-voucher .grid{display:grid;grid-template-columns:1fr 300px;gap:40px;padding-bottom:40px;padding-top:40px;-webkit-align-items:flex-start;align-items:flex-start}@media(max-width: 1100px){.gift-voucher .grid{grid-template-columns:1fr}}.gift-voucher .grid .summary{display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;gap:30px}.gift-voucher .grid .summary .top{display:flex;display:-webkit-flex;gap:40px}@media(max-width: 1100px){.gift-voucher .grid .summary .top{flex-direction:column;-webkit-flex-direction:column}}.gift-voucher .grid .summary .payment .payment-error span{display:block}.gift-voucher .grid .summary .payment .payment-logos .logos{display:flex;display:-webkit-flex;-webkit-align-items:center;align-items:center;gap:10px}.gift-voucher .grid .summary p{margin:0}.gift-voucher .grid .cta{display:flex;display:-webkit-flex;-webkit-align-items:center;align-items:center;justify-content:space-between;-webkit-justify-content:space-between;gap:20px;margin:20px auto 0}.gift-voucher .grid aside{border:1px solid var(--color-mono300);background:#fff;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;border-radius:16px;box-shadow:0px 6px 15px 0px #1E429326;padding:20px}.gift-voucher .grid aside div{margin:0 0 20px}.gift-voucher .grid aside div:last-child{margin:0}
