/** Shopify CDN: Minification failed

Line 230:0 All "@import" rules must come first

**/
 *{box-sizing:border-box;margin:0;padding:0;}
body{font-family:Arial,sans-serif;background-color:#ffffff;}
h1{font-size:2.8rem;font-weight:700;margin-bottom:20px;}
.steps{display:flex;justify-content:center;gap:30px;width:96%;max-width:1100px;flex-direction:column;align-items:center;margin:auto;padding:40px 15px 70px;}
.step{display:none;width:100%;}
.steps form{width:100%;}
.step.active{display:block;}
.stepsHead{display:flex;align-items:center;justify-content:space-between;margin:20px 0 80px;}
.stepTitle{font-weight:700;font-size:32px;line-height:33px;color:#000;text-transform:capitalize;font-family:Arial,sans-serif;}
.stepCountBx{display:flex;gap:7px;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.stepCountmainBx{display:flex;align-items:center;gap:15px;}
.stepCount{width:75px;height:75px;background:#E0E0E1;display:flex;align-items:center;justify-content:center;border-radius:90px;border:3px solid #E0E0E1;font-family:Arial,sans-serif;font-size:20px;color:#9A9A9B;-webkit-text-stroke:inherit;font-weight:600;}
.stepsCnt h2{font-family:Arial,sans-serif;font-size:40px;margin:0 0 40px;line-height:29px;font-weight:600;}
.stepsCnt p{font-family:Arial,sans-serif;font-size:20px;font-weight:300;line-height:30px;margin:0 0 20px;}
.select-button{background-color:#f90;border:none;padding:12px 30px;font-size:1rem;font-weight:bold;color:#000;border-radius:10px;cursor:pointer;transition:background 0.3s ease;}
.select-button:hover{background-color:#e88c00;}
.stepName{font-size:20px;color:#000;font-weight:700;visibility:hidden;font-family:Arial,sans-serif;line-height:23px;}
.availableBX{display:flex;align-items:flex-start;gap:50px;}
.ticketBxImg img{max-width:165px;}
.ticketData{margin:15px 0 0;}
.ticketData h3{font-size:23px;color:#000;margin:0 0 40px;}
.avalableTickets{display:flex;align-items:center;gap:10px;font-family:Arial,sans-serif;font-size:23px;}
.avalableTickets span{color:#00BF63;font-weight:600;}
.submitbtsbx button img{max-width:185px;}
.step-1.active .stepCountBx:first-child .stepCount img,.step-2.active .stepCountBx:nth-child(2) .stepCount img,.step-3.active .stepCountBx:nth-child(3) .stepCount img,.step-4.active .stepCountBx:nth-child(4) .stepCount img{width:75px;height:75px;object-fit:contain;background:none;border:none;}
.step-1.active .stepCountBx:first-child .stepCount span,.step-2.active .stepCountBx:nth-child(2) .stepCount span,.step-3.active .stepCountBx:nth-child(3) .stepCount span,.step-4.active .stepCountBx:nth-child(4) .stepCount span{display:none;}
.step-1.active .stepCountBx:first-child .stepName,.step-2.active .stepCountBx:nth-child(2) .stepName,.step-3.active .stepCountBx:nth-child(3) .stepName,.step-4.active .stepCountBx:nth-child(4) .stepName{visibility:visible;}
.submitbtsbx{display:flex;align-items:center;justify-content:flex-end;margin:-70px 0 0;}
.submitbtsbx button{border:none;padding:0;background:none;cursor:pointer;}
/* Modal CSS */
 /* Button style */
 #openModalBtn{padding:10px 20px;font-size:16px;cursor:pointer;}
/* Modal background */
 .modal{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(255 255 255 / 0%);}
/* Modal box */
 .modal-content{background-color:#D9D9D9;margin:15% auto;padding:50px;border-radius:34px;width:90%;max-width:550px;position:relative;}
/* Close button */
 .closeBtn{position:absolute;top:-15px;right:-15px;color:#aaa;font-size:28px;font-weight:bold;cursor:pointer;line-height:28px;}
.closeBtn:hover{color:#000;}
.ticketModal{text-align:center;}
.ticketModal h2{font-size:20px;color:#000;margin:0 0 40px;line-height:25px;}
.ticketModal h3{font-size:80px;font-style:italic;margin:0 0 40px;}
.ticketModal h4{font-size:20px;color:#000;margin:0;line-height:25px;text-transform:capitalize;}
.step-2 .ticketBxImg img{max-width:100px;}
.step-2 .availableBX{gap:30px;}
.step-2 .ticketData h3{font-size:18px;margin:0 0 50px;}
.step-2 .avalableTickets{font-size:19px;margin:30px 0 0;}
.step-2 .submitbtsbx button{cursor:pointer;filter:opacity(0.5);background:#3380DA;display:flex;align-items:center;padding:10px 10px 7px;color:#fff;gap:15px;border-radius:10px;font-family:var(--font-heading-family);font-size:50px;font-weight:700;min-width:210px;text-align:center;justify-content:center;}
.enableBtnDul{opacity:0.6;}
.step-2 .ticketData{margin:5px 0 0;}
.step-2 .submitbtsbx button svg{width:55px;margin-top:-3px;}
.step-2 .submitbtsbx button span{display:block;line-height:15px;}
.step-2 .submitbtsbx button span.saparator{line-height:15px;font-size:35px;}
.step-2 .submitbtsbx button span:last-child{margin-right:-13px;}
.pendingTimeBx{display:flex;align-items:center;justify-content:center;gap:2px;flex-direction:column;margin:-50px 0 0;}
.pendingTimeBar{width:125px;border:5px solid #0000;background:#323A35;border-radius:6px;height:21px;}
.pendingTimeBar span{height:12px;width:50%;background:#CC230C;display:block;}
.pendingTime{font-family:var(--font-heading-family);color:#1d1d1d;-webkit-text-stroke:2px black;font-weight:bold;border-color:#171E13;font-size:45px;line-height:55px;font-style:italic;}
.step-2 .submitbtsbx{position:sticky;bottom:40px;margin:40px 0 0;z-index:9;}
.ticketRemarkBx{display:flex;align-items:flex-end;justify-content:center;margin:-90px 0 0;flex-direction:column;}
.ticketRemarkCnt{display:flex;flex-direction:column;align-items:center;gap:5px;}
.ticketRemark{font-family:var(--font-heading-family);font-size:60px;font-weight:700;}
.ticketRemarkCnt span{font-family:var(--font-heading-family);font-size:19px;font-weight:600;text-transform:capitalize;}
.availableTicketBx{margin:50px 0 0;display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;}
.step-3 .availableBX{gap:30px;}
.step-3 .ticketData{margin:5px 0 0;}
.step-3 .ticketRemarkBx{min-height:90px;}
/* Ticket Selected */
.ticketContainer{display:block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.ticketContainer input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.ticketCheckmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;opacity:0;}
.ticketContainer:hover input ~ .ticketCheckmark{background-color:#ccc;}
.ticketContainer input:checked ~ .ticketCheckmark{background-color:#2196F3;}
.ticketCheckmark:after{content:"";position:absolute;display:none;}
.ticketContainer input:checked ~ .ticketCheckmark:after{display:block;}
.ticketContainer .ticketCheckmark:after{left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
/* end */
.ticketAVL{width:19%;filter:opacity(0.5);}
.ticketAVL img{max-width:100%;}
.ticketAVL.selectedTicket{filter:none;}
.step-2 .submitbtsbx button.enableBtn{filter:none;}
.step-3 .ticketData h3{font-size:18px;margin:0 0 10px;}
.step-3 .avalableTickets{font-size:18px;margin:30px 0 0;}
.step-3 .ticketBxImg img{max-width:100px;}
.step-3 .ticketAVL{width:25%;}
.ticketAVL button{border:none;padding:0;background:none;}
.afterReval{display:flex;align-items:center;gap:5px;flex-direction:column;justify-content:center;text-align:center;}
.afterRevalCode{background:#000;display:flex;align-items:center;gap:4px;border-radius:9px;padding:8px 6px;font-size:18px;color:#fff;font-family:var(--font-heading-family);font-weight:800;min-width:71px;text-align:center;justify-content:center;}
.afterRevalCode img{max-width:20px;}
.afterReval h2{font-size:24px;font-weight:700;color:#000;margin:15px 0 0;}
.afterReval h3{margin:0;font-size:23px;font-weight:800;color:#000;}
.lotteryScratch img{margin:10px 0;max-width:100%;margin:auto;}
.lotteryScratch{text-align:center;margin:15px 0;}
.btmReval h2{margin:0;}
.step-4 .ticketData h3{font-size:21px;}
.step-4 .ticketBxImg img{max-width:110px;}
.prizeOverviewSec{display:flex;align-items:flex-start;gap:40px;margin:40px 0 0;flex-wrap:wrap;}
.prizeOverViewBx{width:20%;display:flex;align-items:center;flex-direction:column;gap:15px;justify-content:center;}
.prizeOverViewBx h2{font-family:var(--font-heading-family);text-align:center;}
.prizeOverViewBx h3{font-family:var(--font-heading-family);text-align:center;}
.prizeProduct{width:100%;background:#fff;padding:10px;text-align:center;display:flex;align-items:center;justify-content:center;max-width:85%;}
.prizeProduct img{max-height:160px;object-fit:contain;}
.lotteryModal .modal-content{padding:50px 20px;max-width:550px;}
.hide{display:none;}
button#openModal1ww{border:2px solid #000;background:#ea8a1c !important;border-radius:10px;font-weight:700;font-size:32px;color:#faeab8 !important;text-transform:capitalize;font-family:var(--font-heading-family);outline:1px;-webkit-text-stroke:2px black;padding:14px 17px 10px !important;}
.step-4 .submitbtsbx{margin:30px 0 0;}
nav.breadcrumbs{display:none;}
/* Responsive */
@media(max-width:1199px){.ticketData h3{font-size:25px;}
.avalableTickets{font-size:20px;}
.stepsCnt h2{font-size:19px;}
/* .stepTitle{font-size:35px;}
*/
.ticketRemark{font-size:50px;}
.ticketRemarkCnt span{font-size:16px;}
.pendingTime{font-size:30px;}
.pendingTimeBar{width:105px;height:20px;}
.pendingTimeBar span{height:11px;}
.step-3 .ticketAVL{width:24%;}
}
@media(max-width:991px){.stepTitle{font-size:22px;}
.stepCount{width:55px;height:55px;font-size:22px;}
.stepsCnt h2{font-size:18px;line-height:23px;}
.stepsCnt h2 br{display:none;}
.stepsCnt p{font-size:18px;line-height:22px;}
.stepName{font-size:16px;}
.ticketBxImg img{max-width:110px;}
.availableBX{gap:20px;}
.ticketData h3{font-size:18px;}
.avalableTickets{font-size:18px;}
.submitbtsbx{margin:-40px 0 0;}
.submitbtsbx button img{max-width:140px;}
.step-1.active .stepCountBx:first-child .stepCount,.step-2.active .stepCountBx:nth-child(2) .stepCount,.step-3.active .stepCountBx:nth-child(3) .stepCount,.step-4.active .stepCountBx:nth-child(4) .stepCount{-webkit-text-stroke:2px black;font-size:35px;}
.step-1.active .stepCountBx:first-child .stepCount img,.step-2.active .stepCountBx:nth-child(2) .stepCount img,.step-3.active .stepCountBx:nth-child(3) .stepCount img,.step-4.active .stepCountBx:nth-child(4) .stepCount img{width:55px;height:55px;}
.ticketRemark{font-size:30px;}
.pendingTimeBx{margin:10px 0 0;align-items:flex-start;}
.ticketRemarkBx{margin:-60px 0 0;}
.step-2 .ticketData h3{margin:0 0 20px;}
.step-2 .avalableTickets{margin:0 0 10px;}
.pendingTimeBar{width:105px;height:13px;border-radius:3px;border-width:3px;}
.pendingTimeBar span{height:7px;}
.ticketAVL{width:23%;}
.step-3 .ticketAVL{width:23%;}
.step-3 .ticketRemarkBx{margin:-30px 0 0;min-height:30px;}
.prizeOverviewSec{gap:20px;}
.prizeOverViewBx{width:31%;}
.modal-content{padding:25px 20px;border-radius:15px;}
.closeBtn img{max-width:30px;}
.closeBtn{right:-6px;}
.afterReval h2{font-size:20px;}
.afterReval h3{font-size:20px;}
.ticketModal h3{font-size:55px;}
button#openModal1ww{font-size:29px;-webkit-text-stroke:1px black;padding:13px 16px !important;border-radius:10px;}
}
@media(max-width:767px){.stepsHead{flex-wrap:wrap;justify-content:center;gap:16px;margin:20px 0 40px;}
.stepTitle{width:100%;text-align:center;font-size:20px;}
.stepCount{width:50px;height:50px;font-size:20px;}
.step-1.active .stepCountBx:first-child .stepCount,.step-2.active .stepCountBx:nth-child(2) .stepCount,.step-3.active .stepCountBx:nth-child(3) .stepCount,.step-4.active .stepCountBx:nth-child(4) .stepCount{font-size:27px;}
.step-1.active .stepCountBx:first-child .stepCount img,.step-2.active .stepCountBx:nth-child(2) .stepCount img,.step-3.active .stepCountBx:nth-child(3) .stepCount img,.step-4.active .stepCountBx:nth-child(4) .stepCount img{width:50px;height:50px;}
.stepName{font-size:15px;}
.availableBX{gap:10px;}
.stepsCnt h2{margin:0 0 20px;font-size:14px;line-height:20px;}
.stepsCnt p{font-size:16px;line-height:20px;}
.ticketBxImg img{max-width:60px;}
.ticketData{margin:5px 0 0;}
.ticketData h3{margin:0 0 20px;font-size:14px;}
.avalableTickets{font-size:15px;}
.step-2 .ticketBxImg img{max-width:60px;}
.step-2 .availableBX{gap:20px;}
.step-2 .ticketData h3{font-size:14px;}
.step-2 .avalableTickets{font-size:15px;}
.ticketAVL{width:32%;}
.step-3 .ticketAVL{width:32%;}
.step-3 .ticketData h3{font-size:14px;}
.step-3 .ticketBxImg img{max-width:60px;}
.step-4 .ticketBxImg img{max-width:60px;}
.step-4 .ticketData h3{font-size:14px;}
.step-3 .avalableTickets{font-size:15px;}
.step-3 .availableBX{gap:10px;}
.prizeOverViewBx{width:30%;}
.prizeProduct{max-width:95%;}
.prizeProduct{max-width:95%;}
.prizeOverViewBx h2{font-size:17px;}
.prizeOverViewBx h3{font-size:15px;}
.afterRevalCode{padding:5px;border-radius:3px;font-size:14px;min-width:60px;}
.afterRevalCode img{max-width:14px;}
.modal-content{margin:20% auto;}
.ticketModal h2 br{display:none;}
.ticketModal h2{font-size:16px;line-height:22px;margin:0 0 20px;}
.ticketModal h3{font-size:35px;margin:0 0 30px;}
button#openModal1ww{font-size:21px;-webkit-text-stroke:1px black;padding:10px 14px !important;border-radius:10px;}
.step-2 .submitbtsbx button{padding:14px 10px;min-width:160px;font-size:29px;border-radius:7px;}
.step-2 .submitbtsbx button span.saparator{line-height:13px;font-size:24px;}
.step-2 .submitbtsbx button svg{width:25px;}
.step-2 .submitbtsbx{bottom:80px;}
.step.step-2 .ticketRemarkBx{display:none;}
.step-2 .avalableTickets{display:none;}
.step-2 .pendingTimeBx{margin-top:-20px;align-items:flex-end;}
}
@media(max-width:575px){.steps{width:100%;}
.stepsHead{margin-bottom:30px;}
.stepTitle{font-size:17px;}
.stepCount{width:40px;height:40px;font-size:14px;border-width:2px;}
.stepCountmainBx{gap:5px;}
.stepName{font-size:13px;width:100%;text-align:center;}
.step-1.active .stepCountBx:first-child .stepCount,.step-2.active .stepCountBx:nth-child(2) .stepCount,.step-3.active .stepCountBx:nth-child(3) .stepCount,.step-4.active .stepCountBx:nth-child(4) .stepCount{font-size:22px;-webkit-text-stroke:1px black;}
.step-1.active .stepCountBx:first-child .stepCount img,.step-2.active .stepCountBx:nth-child(2) .stepCount img,.step-3.active .stepCountBx:nth-child(3) .stepCount img,.step-4.active .stepCountBx:nth-child(4) .stepCount img{width:40px;height:40px;}
.submitbtsbx{margin:30px 0 0;}
.step-2 .availableBX{gap:10px;}
.ticketRemark{font-size:20px;}
.ticketRemarkCnt span{font-size:12px;}
.pendingTime{font-size:20px;-webkit-text-stroke:1px black;}
.pendingTimeBar{width:95px;height:10px;border-radius:2px;border-width:3px;}
.pendingTimeBar span{height:4px;}
.ticketAVL{width:48%;}
.step-3 .ticketAVL{width:48%;}
.prizeOverViewBx{width:46%;}
.prizeProduct img{max-height:130px;}
.step-3 .avalableTickets{margin:10px 0 0;}
.step-3 .ticketRemarkBx{margin:-6px 0 0;min-height:15px;}
}
@media(max-width:460px){.stepName{font-size:10px;line-height:14px;}
}
/* New Scratch */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');body{-webkit-overflow-scrolling:touch;}
canvas{touch-action:none;}
*{box-sizing:border-box;}
body{font-family:"Open Sans",serif;}
.mainbx{max-width:1440px;margin:auto;padding:0 15px;}
.revelcnt{padding:10px 0;text-align:center;}
.revelcnt h2{font-size:40px;color:#000;font-weight:800;margin:0 0 60px;}
.revelcnt p{font-size:20px;color:#000;font-weight:400;max-width:550px;margin:0 auto 30px;}
p.scratch-card-text{display:none;opacity:0;margin:0;}
.orderCnt{display:none;}
.scratchCoupn{display:flex;align-items:center;justify-content:center;gap:15px;max-width:1200px;margin:auto;flex-wrap:wrap;}
.scratchedbx{width:25%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;border-radius:8px;height:285px;}
.coupnbx{width:25%;}
.coupnbx a{display:block;border-radius:8px;height:100%;cursor:pointer;}
.scratchedbx img{max-width:100%;}
.coupnbx img{width:100%;}
.scratchedbx h3{font-weight:700;font-size:40px;color:#1B1B1B;margin:0 0 5px;}
.scratchedbx h4{font-size:24px;margin:0;color:#1B1B1B;font-weight:600;}
.cardModal .modal-body{padding:0;}
.cardscratch img{width:100%;object-fit:cover;}
.cardModal button.btn-close{position:absolute;right:-10px;top:-10px;z-index:1;background-color:#fff;opacity:1;width:33px;height:33px;border-radius:60px;}
.cardscratch h3{position:absolute;bottom:10px;left:0;padding:10px;text-align:center;width:100%;margin:0;font-size:25px;color:#fff;}
.scratchbg img{width:100%;object-fit:cover;max-width:100%;}
.revelbxbg img{width:100%;object-fit:cover;max-width:100%;}
.scratch-card{position:relative;width:510px;height:205px;}
.scratch-card-cover-container{position:absolute;z-index:1;top:0;left:0;border-radius:4px;width:100%;height:100%;filter:url("#remove-black");transition:opacity 0.8s;border-radius:15px;}
.scratch-card-cover-container.clear{opacity:0;}
.scratch-card-cover-container.hidden{display:none;}
.scratch-card-canvas{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;cursor:grab;touch-action:none;}
.scratch-card-canvas.hidden{opacity:0;}
.scratch-card-canvas:active{cursor:grabbing;}
.scratch-card-canvas-render{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:transparent;transition:background-color 0.2s;}
.scratch-card-canvas-render.hidden{display:none;}
.scratch-card-cover{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('/cdn/shop/files/scratchimg_f87bfa64-9662-4bb4-8912-28942cb53e5c.png?v=1740742231');/* Replace with your image URL */
 background-size:cover;background-position:center;border-radius:20px;opacity:1;/* Ensure full opacity */
}
.scratch-card-cover::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.05;filter:url("#noise");}
.scratch-card-cover-background{width:100%;height:100%;fill:#555;opacity:0.2;}
.scratch-card-image{border-radius:4px;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,0.16));user-select:none;will-change:transform;}
.scratch-card-image.animate{animation:pop-out-in cubic-bezier(0.65,1.35,0.5,1) 1s;}
@keyframes pop-out-in{36%{transform:scale(1.125);}
100%{transform:scale(1);}
}
.ticketmainbx{display:flex;align-items:flex-start;justify-content:flex-start;height:100%;width:100%;border-radius:15px;background:url(https://cdn.shopify.com/s/files/1/0613/9215/8858/files/backimg.png?v=1741261027);background-size:cover;background-repeat:no-repeat;}
.scratchpattern{background-repeat:no-repeat;background-size:cover;width:70%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:15px 0 0 15px;}
.scratchpattern img{max-width:180px;max-height:180px;object-fit:contain;}
.Ticketbg{width:30%;margin-left:-2px;height:100%;background:#f3cd77;border-radius:0 15px 15px 0;display:none;align-items:center;justify-content:flex-start;}
.Ticketbg img{max-width:100%;height:100%;object-fit:contain;}
/*.scratch-card{position:relative;width:100%;}
.scratch-card-cover-container{position:absolute;z-index:1;top:0;left:0;border-radius:4px;width:100%;height:100%;filter:url("#remove-black");transition:opacity 0.4s;}
.scratch-card-cover-container.clear{opacity:0;}
.scratch-card-cover-container.hidden{display:none;}
.scratch-card-canvas{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;cursor:grab;touch-action:none;}
.scratch-card-canvas.hidden{opacity:0;}
.scratch-card-canvas:active{cursor:grabbing;}
.scratch-card-canvas-render{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:transparent;transition:background-color 0.2s;}
.scratch-card-canvas-render.hidden{display:none;}
.scratch-card-cover{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#cfced6;background-image:linear-gradient(to right,#cfced6,#e0dfe6,#efeef3,#e0dfe6,#cfced6);overflow:hidden;}
.scratch-card-cover::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(135deg,transparent 40%,rgba(255,255,255,0.8) 50%,transparent 60%);background-position:bottom right;background-size:300% 300%;background-repeat:no-repeat;}
.scratch-card-cover.shine::before{animation:shine 8s infinite;}
@keyframes shine{50%{background-position:0% 0%;}
100%{background-position:-50% -50%;}
}
.scratch-card-cover::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.1;filter:url("#noise");}
.scratch-card-cover-background{width:100%;height:100%;fill:#555;opacity:0.1;}
.scratch-card-image{border-radius:4px;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,0.16));user-select:none;will-change:transform;}
.scratch-card-image.animate{animation:pop-out-in cubic-bezier(0.65,1.35,0.5,1) 1s;}
@keyframes pop-out-in{36%{transform:scale(1.125);}
100%{transform:scale(1);}
}
*/
/* .scratch-card-cover-container:after{font-size:35px;font-weight:800;content:'Hier scratchen!';position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
*/
/* .trigger{text-align:center;padding:7px 13px;background:#3e3e3e;color:#fff;font-size:15px;outline:none;border:none;border-radius:5px;font-family:cursive;}
*/
/* .modal{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear 0.25s,opacity 0.25s 0s,transform 0.25s;}
.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:90%;border-radius:.5rem;max-width:830px;padding:15px;border-radius:15px;}
.close-button{width:45px;height:45px;text-align:center;cursor:pointer;position:absolute;right:-10px;top:-10px;display:flex;align-items:center;justify-content:center;font-size:35px;border-radius:60px;background:#B60807;color:#fff;box-shadow:0 0 12px 0 rgba(0,0,0,0.5);z-index:9999;}
.close-button:hover{background-color:#c60a09;}
*/
.show-modal{opacity:1;visibility:visible;transform:scale(1.0);transition:visibility 0s linear 0s,opacity 0.25s 0s,transform 0.25s;}
.oldTicket h2{margin:0 0 17px;font-size:23px;font-weight:700 !important;}
.oldTicket{margin:90px 0 80px;}
.oldTicket .scratchedbx{height:auto;width:24%;}
.oldTicket .lotterydone{display:flex;align-items:center;gap:15px;flex-wrap:wrap;}
.oldTicket .scratchedbx{position:relative;}
.oldTicket .scratchedbx:before{content:'';background:#ffffff85;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;}
.modal{z-index:99;}
#lotterydone{display:flex;align-items:flex-start;gap:15px;flex-wrap:wrap;}
#lotterydone .ticketmainbx{height:160px;width:32%;position:relative;overflow:hidden;border-radius:15px;}
#lotterydone .ticketmainbx:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:#ffffffe3;}
#lotterydone .ticketmainbx .scratchpattern{width:69%;padding:10px;}
#lotterydone .ticketmainbx .scratchpattern img{max-width:150px;max-height:130px;}
/* New Scratch */
#scratchBase{text-align:center;position:relative;-webkit-user-select:unset;-ms-user-select:unset;user-select:unset;opacity:0;width:100%;}
#scratch{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;z-index:9;top:0;left:0;right:0;bottom:0;position:absolute;border-radius:18px;}
.scratch-container{margin:0 auto 50px;display:flex;justify-content:center;align-items:center;position:relative;width:490px;height:190px;border-radius:15px;}
#gray-count{display:none;}
/* Responsive */
@media(max-width:1199px){#lotterydone .ticketmainbx .scratchpattern img{max-width:110px;max-height:110px;}
#lotterydone .ticketmainbx{height:160px;background-size:100%;}
}
@media(max-width:991px){.oldTicket .lotterydone{gap:9px;}
.revelcnt h2{font-size:30px;margin:0 0 30px;}
.oldTicket{margin:40px 0 50px;}
div#lotterydone{flex-wrap:wrap;}
#lotterydone .ticketmainbx{height:111px;width:31%;border-radius:5px;}
#lotterydone .ticketmainbx .scratchpattern img{max-width:80px;max-height:80px;}
.Ticketbg{border-radius:0 10px 10px 0;}
/* .scratch-card{width:660px;height:251px;}
*/
/* #scratch{width:660px;height:251px;}
*/
.modal-content{max-width:700px;}
}
@media(max-width:875px){#lotterydone .ticketmainbx{height:98px;}
}
@media(max-width:767px){.coupnbx{width:33%;}
.oldTicket .scratchedbx{width:32%;}
.oldTicket h2{font-size:17px;}
div#lotterydone{gap:6px;}
.scratchpattern img{max-width:140px;max-height:140px;}
.close-button{width:35px;height:35px;font-size:24px;}
#lotterydone .ticketmainbx{height:140px;width:49%;}
.scratchpattern{border-radius:8px 0 0 8px;}
/* Scratch */
.lotteryModal .modal-content{max-width:470px;}
.ticketmainbx{border-radius:15px;}
.scratch-card{width:430px;height:175px;}
#scratch{width:430px;height:175px;}
.modal-content{max-width:530px;border-radius:15px;padding:10px;}
}
@media(max-width:679px){#lotterydone .ticketmainbx{height:113px;}
}
@media(max-width:600px){/* Scratch */
.modal-content{max-width:420px;}
#lotterydone .ticketmainbx{height:109px;}
}
@media(max-width:576px){.revelcnt h2{font-size:25px;margin:0 0 15px;}
.coupnbx{width:47%;}
.oldTicket .scratchedbx{width:48%;}
.scratchpattern img{max-width:120px;max-height:120px;}
#lotterydone .ticketmainbx{height:94px;}
#lotterydone .ticketmainbx .scratchpattern img{max-width:80px;max-height:80px;}
/* Scratch */
.lotteryModal .modal-content{max-width:400px;}
.scratch-card{width:360px;height:142px;}
#scratch{width:360px;height:142px;}
}
@media(max-width:480px){#lotterydone .ticketmainbx{width:47%;height:64px;}
#lotterydone .ticketmainbx .scratchpattern img{max-width:40px;max-height:40px;}
.scratchpattern img{max-width:120px;max-height:90px;}
.modal-content{max-width:324px;}
#lotterydone .ticketmainbx{height:78px;}
.lotteryModal .modal-content{max-width:340px;}
.scratch-card{width:300px;height:118px;}
#scratch{width:300px;height:118px;}
}
@media(max-width:460px){.lotteryModal .modal-content{max-width:340px;}
.scratch-card{width:300px;height:118px;}
#scratch{width:300px;height:118px;}
}
@media(max-width:379px){.lotteryModal .modal-content{max-width:290px;}
.scratch-card{width:250px;height:100px;}
#scratch{width:250px;height:100px;}
}
@media(max-width:359px){/* Scratch */
.modal-content{max-width:288px;padding:5px;margin-top:100px;}
#lotterydone .ticketmainbx{height:57px;}
}
/* end */
