@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap);[v-cloak]{display:none!important}#main{text-align:center}.app{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:0}.left,.right{align-self:start;margin:0 20px;max-width:400px;width:100%}.product-preview__title{font-family:Pacifico,sans-serif;font-size:36px}.product-preview__image{max-width:340px;width:100%}.survey{background:#eaeaea;font-size:18px;font-weight:700;max-width:none;padding:40px;position:relative;text-align:center}.survey__question{color:#000}.survey__answer{background:#000;border:0 solid #000;border-radius:14px;box-shadow:none;color:#fff;cursor:pointer;display:block;font-size:10px;font-weight:200;line-height:28px;margin-top:15px;padding:19px 20px;text-decoration:none;width:100%}.survey__steps{margin-top:20px}.survey__step{background:#e41c36;border-radius:50%;display:inline-block;font-size:0;height:30px;margin:0 5px;width:30px}.survey__step--active{background:#000}.modal{color:#000;z-index:6}.modal__content{background-color:#f7f3ed;padding:20px}.opening-modal__image{max-width:200px;width:100%}.button{background-color:#00539f!important;border:none;border-radius:.25rem;color:#fff;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;padding:.25rem 3.8rem;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.button,.verify{text-align:center}.verify{background:#eaeaea;color:#000;padding:40px}.verify__text{padding:2px 0}.verify__icon{max-width:13px}.verify__icon--spinner{opacity:0}.verify__icon--visible{opacity:1}.text-rotator{font-size:21px;margin-bottom:10px}@media(max-width:640px){.app{flex-direction:column}.left,.right{margin:0;max-width:none;width:100%}.survey{padding:20px}.survey__answer{font-size:15px;line-height:18px;padding:10px}}button:hover{background:#e41c36}*{font-family:Poppins,Droid Arabic Naskh;font-weight:14px;box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{font-size:16px;width:100%;height:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center}.popup{background-color:#fff;padding:20px;border-radius:10px;text-align:center;box-shadow:0 0 10px rgba(0,0,0,.3)}.popup h2{margin-top:0;color:#000;font-weight:700}.popup button{background-color:#3085d6;color:#fff;border:none;border-radius:5px;padding:10px 20px;cursor:pointer;font-size:16px}.done{text-align:center;color:#c7db49}.tip{font-size:14px}.title{text-align:center}.top-header{height:49px;z-index:99;background:#fff;padding:9px;opacity:.95}.top-header>img{width:30px}.header_flex_item{color:#fff!important;font-size:12px;color:#fff;font-weight:700;width:50%}.txt1{padding:5px 6px;line-height:18px;color:#be0612;text-align:center}.bottom{width:92%;margin:20px auto 0;border:1px solid #ccc;background-color:#f2f2f2;padding:5px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}.now{text-align:center;padding-top:5px}#countdown{font-weight:700}.rules{color:#1b316c;padding:4px 5px;line-height:22px}.title1{text-align:center;font-size:26px}.now2,.title1{font-weight:700}.now2{padding-top:10px}.last_page{display:none}.last-up{text-align:left}.textlastup{color:#068afb;font-size:18px;padding-bottom:8px;font-weight:400}.share_main_bt{margin:10px auto;background:#4ab115;border-radius:10px;width:80%;line-height:45px;text-align:center;font-size:18px;font-weight:700;color:#fff!important}.sa-confirm-button-container{width:100px!important}.barr{direction:ltr;max-width:400px;margin:10px auto;box-sizing:border-box}.fill{position:relative;display:inline-block;width:calc(100% - 100px);padding:2px}.fill,.percentage{height:35px;border:2px solid #0e5aa7}.percentage{width:100px;float:right;font-size:16px}#percentage,#percentage2{margin-left:5px}#fill,#fill2{background:#0e5aa7;width:0;height:100%}.share_main{margin:10px auto;width:95%;background:#eeeff4;border-radius:10px}.swal2-styled.swal2-confirm{background-color:#000;border:none;border-radius:.25rem;color:#fff;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;padding:.25rem 3.8rem;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.swal2-actions{padding:0!important}.counter{color:#7f7f7f;font-size:12px;text-align:right;padding:10px 0 10px 2px;border-bottom:1px solid #e1e2e3}.reactions{display:inline-flex;align-items:center;float:left}.counter img{float:left;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-sizing:content-box}.like,.love{margin-right:-5px}.like{z-index:2}.love{z-index:1}.bar{display:table;width:100%;border-bottom:1px solid #e1e2e3}.bar .react{display:table-cell;width:33.33333%;font-size:12px;color:#7f7f7f;text-align:center;padding:10px 0;cursor:pointer}.post .comments{direction:ltr;text-align:left!important}.comment{padding:6px 0;margin-top:5px}.comment img{float:left;width:32px;height:32px;border:none;border-radius:18px;cursor:pointer}.reply{margin-left:37px}.single-container{margin-left:37px;background:#f1f2f6;padding:10px;border-radius:15px;font-size:12px}.single-container .user{display:inline-block;cursor:pointer;color:#365899;margin-bottom:5px}.single-container .text{display:block}.buttons{font-size:12px;font-weight:700;margin:10px 0 0 47px;color:#90949c}.action{cursor:pointer}.action:hover{text-decoration:underline}.input{padding:6px 12px 12px}.input input{width:100%;background:#f1f2f6;padding:10px;border-radius:15px;border:0;outline:none}.A{text-align:center;background-color:#97c795}#result1,#result2,#result3{display:none}@media (max-width:319px){.boxes>.try{width:48%}.boxes>.try:nth-child(-n+5){display:none}}.button22{background-color:#000;border:none;border-radius:.25rem;color:#fff;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;padding:.25rem 2.7rem;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.div_img_gift{width:100%;text-align:center;position:absolute;top:0;left:0;z-index:5;display:none;align-items:center;justify-content:center}.img_gift{display:none;width:70%;animation-duration:1s;animation-fill-mode:both;animation-name:rotateIn;margin:0 auto}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}@keyframes tapa_superior{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.box-picker{display:grid;grid-auto-rows:1fr;grid-gap:30px;padding:20px;background-color:#efefef}.box-picker__item{position:relative;height:0;padding-bottom:100%;cursor:pointer}.box-picker__item--open{cursor:default}.box-picker__item--open .box-picker__lid{transform:translateY(-70%) rotate(-25deg) translateX(-25%)}.box-picker__item--open .box-picker__prize{transform:translateY(-20%)}.box-picker__lid{position:absolute;top:0;z-index:4;width:100%;height:100%;background-repeat:no-repeat;background-position:bottom;background-size:100%;transition:all 1s}.box-picker__prize{position:absolute;top:10%;left:10%;z-index:2;width:80%;height:80%;background-size:cover;transition:all 1s;transition-delay:.3s}.box-picker__box{z-index:3}.box-picker__back,.box-picker__box{position:absolute;bottom:0;width:100%;height:100%;background-size:cover}.box-picker__back{z-index:1}.confirmation-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.9);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:15px;z-index:10}.confirmation-overlay p{margin-top:20px;font-size:1rem;font-weight:700;color:#555}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#1976d2;animation:spin 1s ease infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body,html{direction:rtl}