.promo-code{display:flex;flex-direction:column;row-gap:24px;position:absolute;right:32px;top:-33px;cursor:pointer}
.promo-code .promocode-title{display:none}
.coupon{display:inline-flex;position:relative;overflow:hidden;background-color:#ecf9f8;border:1px dashed #4ac6bb}
.coupon::after{content:'';position:absolute;width:35px;height:200%;top:-50%;left:-50%;box-shadow:0 0 10px #4ac6bb00;background-image:linear-gradient(to right,#4ac6bb00,#4ac6bb52,#4ac6bb00);transform:rotate(36deg);animation:shine 2s ease-in-out infinite,delay-animation 4s linear infinite}
@keyframes shine{from{left:-50%}
to{left:110%}
}
@keyframes delay-animation{0{opacity:1}
50%{opacity:1}
50.01%{opacity:0}
100%{opacity:0}
}
.coupon-desc,.coupon-code{padding:12px}
.coupon-desc{border-right:0;padding-left:16px;padding-right:8px;display:flex;align-items:center;column-gap:8px}
.couponCode{color:#25746d;font-family:var(--ff-opensans);font-weight:var(--fw-semibold);font-size:14px;letter-spacing:.56px;text-transform:uppercase}
.coupon-code-popup .coupon-code-popup-cont .couponCode{margin:auto;max-width:fit-content;color:#25746d;font-size:14px;font-family:var(--ff-opensans);font-weight:var(--fw-medium);letter-spacing:.64px;text-transform:uppercase;background-color:#ecf9f8;border:1px dashed #4ac6bb;padding:7px}
.coupon-code-popup .coupon-code-popup-cont .couponCode .light-text{color:#5a6a72;margin-right:4px;font-family:var(--ff-opensans);font-size:12px;letter-spacing:0;text-transform:initial}
.voucher-discount{color:#2d3539;font-family:var(--ff-opensans);font-weight:var(--fw-semibold);font-size:16px}
.coupon-code{border-left:0;padding-right:16px;padding-left:8px;display:flex;justify-content:center;align-items:center}
@media screen and (max-width:768px){.promo-code{position:unset;width:100%;right:unset;top:unset;border:1px dashed #4ac6bb}
.promo-code .promocode-title{display:block;color:#2d3539;font-family:var(--ff-opensans);font-weight:var(--fw-semibold);font-size:24px;line-height:120%}
.coupon{width:100%;background-color:unset;border:0}
.coupon::after{display:none}
.coupon-desc,.coupon-code{padding:16px 16px;background-color:#ecf9f8;border:1px dashed #4ac6bb}
.coupon-desc{width:100%;align-items:flex-start;justify-content:center}
.coupon-desc .coupon-icon{align-self:center}
.voucher-discount{align-self:center}
.coupon-code{position:relative}
.couponCode{display:flex;flex-direction:column;min-width:max-content}
.coupon-code-popup .coupon-code-popup-cont .couponCode{align-items:center}
.coupon-code .couponCode span{display:block;color:#5a6a72;font-family:var(--ff-opensans);font-size:10px;font-weight:400;text-transform:none}
.coupon-code::after{right:0;transform:translateX(50%)}
}
.dialog::backdrop{animation:backdrop-fade .5s ease backwards;animation-direction:reverse}
@keyframes backdrop-fade{from{background:transparent}
to{background:rgba(0,0,0,0.6)}
}
@keyframes fade-in{from{opacity:0}
to{opacity:1}
}
::backdrop{background:rgba(0,0,0,0.25);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.promoCode-dialog .backArrow{display:none;text-align:right}
.promoCode-dialog .promo-content{display:flex;flex-direction:column;row-gap:24px;justify-content:center;align-items:center}
.promoCode-dialog .promo-content .ticketlogo img{width:48px;height:48px}
.coupon-code-popup .coupon-code-popup-cont .ticket-title{font-size:24px;font-family:var(--ff-opensans);font-weight:var(--fw-semibold);line-height:120%;margin:0 auto;width:80%}
.promoCode-dialog .coupon-code{border:1px dashed #4ac6bb;background:#ecf9f8;padding:8px}
.promoCode-dialog .coupon-code .couponCode span{color:#5a6a72;font-family:var(--ff-opensans);display:block;font-size:12px;line-height:normal;text-transform:none}
.coupon-code-popup .coupon-code-popup-cont .popup-terms{text-align:left;padding:16px 20px 20px;background-color:#fbf9fe;border-radius:12px}
.promoCode-dialog .popup-terms .tnc-title{width:100%}
.coupon-code-popup .coupon-code-popup-cont .popup-terms-title{color:#5a6a72;font-size:14px;font-family:var(--ff-opensans);font-weight:var(--fw-medium);line-height:normal;letter-spacing:.56px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px dashed #c6b5e3}
.coupon-code-popup .coupon-code-popup-cont .termNcond{color:#18191b;font-family:var(--ff-opensans);font-weight:var(--fw-medium);font-size:12px;line-height:normal;padding-left:10px;list-style-type:none}
.promoCode-dialog .popup-terms .read-details{display:flex;outline:0;padding-top:12px;justify-content:end;display:none}
.promoCode-dialog .popup-terms .read-details a{display:flex;align-items:center;column-gap:4px;color:#5c3899;font-family:var(--ff-opensans);font-weight:var(--fw-semibold);font-size:14px;line-height:normal;text-decoration:none;outline:0}
.promoCode-dialog .promo-btn{display:block;width:100%;display:flex;justify-content:center;align-items:center;padding-top:40px;outline:0;border:0}
.promoCode-dialog .promo-btn a{font-family:var(--ff-opensans);font-weight:var(--fw-semibold);border-radius:12px;background:linear-gradient(137deg,#482c77 -17.19%,#673fae 61.19%);box-shadow:0 8px 24px 0 rgba(72,44,119,0.16);padding:10px 16px;max-width:120px;width:100%;color:white;text-align:center;outline:0}
@media(max-width:767px){.dialog .popup-wrapper{display:block}
.promoCode-dialog .backArrow{display:block;justify-content:flex-end;display:flex;padding-bottom:24px}
.coupon-code-popup{position:fixed;bottom:0;left:0;border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:100%;max-width:100%;overflow:auto;padding:24px 20px}
.coupon-code-popup .coupon-code-popup-cont .ticket-title{width:100%}
.promoCode-dialog .coupon-code{border:1px solid #4ac6bb}
.promoCode-dialog .popup-terms .read-details{display:block;display:flex;justify-content:end}
.promoCode-dialog .coupon-code::after,.promoCode-dialog .coupon-code::before{content:unset;height:unset;width:unset}
.promoCode-dialog .promo-btn{display:none}
}