@charset "UTF-8";body{margin:0;padding:0}img{width:100%}.container{position:relative;width:56vh;height:100vh;margin:auto;overflow:hidden;background-image:url(./Landing-BG-CyMyqs4D.jpg);background-repeat:no-repeat;background-size:100% 100%}@media(max-width:1024px)and (max-aspect-ratio:13/10){.container{width:100%}}.container .font1Eng{font-family:font1!important}.container .font2Eng{font-family:font2!important}.container .font3Eng{font-family:font3!important}.container .font4ARABIC{font-family:font4!important}.container .font5ARABIC{font-family:font5!important}.container .font6ARABIC{font-family:font6!important}.container .speakerButton{position:absolute;top:2%;left:2%;width:12%;z-index:99999999;cursor:pointer}.container .langButton{position:absolute;top:2%;right:6%;width:33%;z-index:99999999;transform:translate(10%);cursor:pointer}.container .country_selection_page{position:relative;width:100%}.container .country_selection_page.active{transform:translateY(-500%);transition:transform ease-in-out .7s}.container .country_selection_page .country_selection_box{position:relative;background-color:#fff;width:80%;border-radius:12px;height:25vh;transform:translate(-50%,-50%);left:50%;top:50%;display:flex;flex-direction:column;align-items:center}@media(max-width:1024px)and (max-aspect-ratio:13/10){.container .country_selection_page .country_selection_box{height:max(40vw,170px)}}.container .country_selection_page .country_selection_box .oreoImg{position:absolute;width:80%;top:-6vh;overflow:hidden}.container .country_selection_page .country_selection_box .oreoImg img{transform:translateY(110%)}.container .country_selection_page .country_selection_box .oreoImg.active img{transform:translateY(0);transition:transform cubic-bezier(.72,0,.28,1) 1s}.container .country_selection_page .country_selection_box .select_Text{position:absolute;font-family:font1;font-size:2.5vh;text-align:center;top:11vh;opacity:0}@media(max-width:1024px)and (max-aspect-ratio:13/10){.container .country_selection_page .country_selection_box .select_Text{top:max(18vw,80px)}}@media(max-width:1024px)and (max-aspect-ratio:13/10){.container .country_selection_page .country_selection_box .select_Text{font-size:5vw}}.container .country_selection_page .country_selection_box .select_Text.active{opacity:1;transition:opacity ease-in-out 1s .5s}.container .country_selection_page .country_selection_box .dropdownBox{position:absolute;top:15vh;width:90%;opacity:0}@media(max-width:1024px)and (max-aspect-ratio:13/10){.container .country_selection_page .country_selection_box .dropdownBox{top:max(25vw,110px)}}.container .country_selection_page .country_selection_box .dropdownBox.active{opacity:1;transition:opacity ease-in-out 1s .5s}.container .country_selection_page .country_selection_box .dropdownBox select{width:100%;position:absolute;top:2%;left:50%;transform:translate(-50%);border-radius:30px;height:90%;font-size:2.5vh;font-family:font1;text-indent:5%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAfCAYAAACVgY94AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAzIDc5Ljk2OTBhODdmYywgMjAyNS8wMy8wNi0yMDo1MDoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI2LjExIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4OTI5M0ZENUYxMjQxMUYwQkQzOTgzOEQ1RTVGRjlBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4OTI5M0ZENkYxMjQxMUYwQkQzOTgzOEQ1RTVGRjlBNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg5MjkzRkQzRjEyNDExRjBCRDM5ODM4RDVFNUZGOUE2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg5MjkzRkQ0RjEyNDExRjBCRDM5ODM4RDVFNUZGOUE2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ht6vNwAAAf1JREFUeNrMmL1Lw0AYxi9WJ11EEIQugnQRQQSh4GwRHXTQvbVaPxHBQRB0cxFBEBEEKbq46KCDLv4D/gdCKVipLRbbYkW6iNXn8K0ETdIkl4974O370lzufpeHJHdRQuGWLsZYEjGMCDA59Im4RUwHOoKBcxQjiCYmjzhLD6KXFxEmryIcMC8xYI4DbkoMuKXwX9wo10ijksHdpO4+xuo3RgJRkQiuQkw/dy5Ic0jLEgEuERNT1P/C6kukcZ/hrgA3oX7eqDWPKPsIVyYGpgkI8mekRR8BF4jhV4pWK1jN3y6THsNdAG5K65WiJX4Vix7CFfWc0wTETF6Q5jwETNCY/6S7eik91e6xkAih7HMZ7gxw20arBiOtIAouwhVoDGYLEDMrIc26CDhDY+iq4QIVVqdgdTfKfofhTgG3Y2ZhaEarDi/L8tQncwQQM31FijsIGKc+G8r0HgRWp2F1EOWAINwx4PasrP2taA2RFYDLUh/MFUDM/A0pJgAYoz5My/I2E1Y/wOpOlIMWTz0E3IGd7Z0drSMyFtpn6BzmCSCuxDtSFPFlojlvE6VzLMv2lwRY/Qir21GGGzTdB9yRyA5eRBuItMHxNLVhvgDiylTJ6prG4RpZWxUZQ/hjEazOwuo2lEN/Du0CLinaf7NDry5uY6vqGXkiam1d3wIMAPjgoZUk1Qn9AAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right 7% center;background-size:6%;appearance:none;background-color:transparent;border:none;cursor:pointer}@media(max-width:1024px)and (max-aspect-ratio:13/10){.container .country_selection_page .country_selection_box .dropdownBox select{font-size:5vw}}.container .country_selection_page .selectCountryTextError{position:relative;top:18%;width:100%;text-align:center;font-family:font2;font-size:2vh;color:red;opacity:0}@media(max-width:1024px)and (max-aspect-ratio:13/10){.container .country_selection_page .selectCountryTextError{font-size:4vw}}.container .country_selection_page .selectCountryTextError.active{opacity:1;transition:opacity ease-in-out .4s 0s}.container .country_selection_page #startBtn{position:relative;left:50%;transform:translate(-50%);width:70%;max-width:400px;top:20%;overflow:hidden;cursor:pointer}.container .country_selection_page #startBtn .startText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:font1;font-size:4.5vh;color:#fff;transform:translateY(110%)}@media(max-width:1024px)and (max-aspect-ratio:13/10){.container .country_selection_page #startBtn .startText{font-size:max(5vw,30px)}}.container .country_selection_page #startBtn img{transform:translateY(110%)}.container .country_selection_page #startBtn.active img{transform:translateY(0);transition:transform cubic-bezier(.72,0,.28,1) 1s}.container .country_selection_page #startBtn.active .startText{transform:translate(-50%,-50%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.container .introPage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.container .introPage .oreoImg{width:55%;overflow:hidden}.container .introPage .oreoImg img{transform:translateY(110%)}.container .introPage .oreoImg.active img{transform:translateY(0);transition:transform cubic-bezier(.72,0,.28,1) 1s}.container .introPage .titleParent{width:100%}.container .introPage .titleParent .title{position:relative;margin:auto auto 6%;width:46vh;height:50.7530203564vh;background-image:url(./EnglishTitle-BcduQIAc.png);background-position:0% 0%;background-size:100%;opacity:0}@media(max-width:1024px)and (max-aspect-ratio:13/10){.container .introPage .titleParent .title{width:max(60vw,340px);height:calc(max(60vw,340px) / .90635)}}.container .introPage #nextBtn{position:relative;width:60%;overflow:hidden;cursor:pointer}.container .introPage #nextBtn .nextText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:font1;font-size:3vh;color:#fff;transform:translateY(110%)}@media(max-width:1024px)and (max-aspect-ratio:13/10){.container .introPage #nextBtn .nextText{font-size:max(5vw,30px)}}.container .introPage #nextBtn img{transform:translateY(150%)}.container .introPage #nextBtn.active img{transform:translateY(0);transition:transform cubic-bezier(.72,0,.28,1) 1s}.container .introPage #nextBtn.active .nextText{transform:translate(-50%,-50%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.container .formPage{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;transform:translateY(500%)}@media(max-width:1024px)and (max-aspect-ratio:13/10){.container .formPage{width:max(80vw,375px)}}.container .formPage.active{transform:translateY(0);transition:transform ease-in-out .7s}.container .formPage.active1{transform:translateY(-500%);transition:transform ease-in-out .7s}.container .formPage .form_oreoImg{width:50%}.container .formPage .form_fields{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.container .formPage .form_fields .nameLabel,.container .formPage .form_fields label{font-family:font1;font-size:2.5vh;color:#fff;width:80%;text-align:left;margin-top:1.5%}.container .formPage .form_fields .inputBox{position:relative;width:80%}.container .formPage .form_fields .inputBox input{width:98%;position:absolute;top:2%;left:50%;transform:translate(-50%);border-radius:30px;height:90%;font-size:2.5vh;font-family:font1;text-indent:5%;background-color:transparent;border:none;appearance:none}.container .formPage .form_fields .inputBox input:focus{outline:none;border:none}.container .formPage .form_fields .inputBox #phone{padding-left:20%;box-sizing:border-box;overflow:hidden}.container .formPage .form_fields .inputBox input::placeholder{text-align:center;font-family:font3;font-size:2.6vh;color:#848484}.container .formPage .form_fields .inputBox .countryCode{position:absolute;top:50%;left:4%;width:15%;transform:translateY(-50%);font-family:font1;font-size:3vh;color:#d2d2d2}@media(max-width:1024px)and (max-aspect-ratio:13/10){.container .formPage .form_fields .inputBox .countryCode{font-size:4.5vw}}.container .formPage .form_fields .uniqueCodeBox{margin-top:4%}.container .formPage .form_fields .uniqueCodeBox #uploadImg{cursor:pointer;opacity:0}.container .formPage .form_fields .uniqueCodeBox .uploadText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:font3;font-size:2.5vh;color:#939393;pointer-events:none;width:100%;text-align:center}@media(max-width:1024px)and (max-aspect-ratio:13/10){.container .formPage .form_fields .uniqueCodeBox .uploadText{font-size:3.8vw}}.container .formPage .form_fields .uniqueCodeBox .previewImg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;pointer-events:none;overflow:hidden;text-align:center;font-family:font2}.container .formPage .form_fields .uniqueCodeBox .uploadIcon{position:absolute;top:50%;transform:translateY(-50%);width:8%;pointer-events:none;right:5%}.container .formPage .ckeckBoxContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;margin-top:4%}.container .formPage .ckeckBoxContainer .checkBox{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;margin-bottom:2%;width:100%;justify-content:space-around}.container .formPage .ckeckBoxContainer .checkBox img{width:5%}.container .formPage .ckeckBoxContainer .checkBox div{display:flex;align-items:center;justify-content:center;margin:0;color:#fff;font-size:1.28vh;font-family:font3;display:inline-block;width:90%}@media(max-width:1024px)and (max-aspect-ratio:13/10){.container .formPage .ckeckBoxContainer .checkBox div{font-size:2.4vw}}.container .formPage .ckeckBoxContainer .checkBox div span{cursor:pointer;text-decoration:underline}.container .formPage .errorMsg{font-family:font2;font-size:2vh;color:#f33;height:3vh;text-align:center}.container .formPage #submitBtn{position:relative;width:50%;cursor:pointer}.container .formPage #submitBtn .submitText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:font1;font-size:3vh;color:#fff}@media(max-width:1024px)and (max-aspect-ratio:13/10){.container .formPage #submitBtn .submitText{font-size:max(5vw,25px)}}.container .lastPage{position:relative;width:100%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.container .lastPage .oreoImg{width:60%;overflow:hidden}.container .lastPage .oreoImg img{transform:translateY(110%)}.container .lastPage .oreoImg.active img{transform:translateY(0);transition:transform cubic-bezier(.72,0,.28,1) 1s}.container .lastPage .oreoCookieImg{width:25vh;overflow:hidden}@media(max-width:1024px)and (max-aspect-ratio:13/10){.container .lastPage .oreoCookieImg{width:50vw}}.container .lastPage .oreoCookieImg img{transform:translateY(110%)}.container .lastPage .oreoCookieImg.active img{transform:translateY(0);transition:transform cubic-bezier(.72,0,.28,1) 1s}.container .lastPage .lastPageText{font-family:font2;font-size:2.5vh;color:#fff;text-align:center;width:80%;opacity:0}@media(max-width:1024px)and (max-aspect-ratio:13/10){.container .lastPage .lastPageText{font-size:max(5vw,19px)}}.container .lastPage .lastPageText.active{opacity:1;transition:opacity ease-in-out 1s .5s}.container .lastPage .lastPageText span{font-family:font1;font-size:4vh;text-shadow:0 4px 0px #2266ff}@media(max-width:1024px)and (max-aspect-ratio:13/10){.container .lastPage .lastPageText span{font-size:max(7vw,27px)}}.container .blackTint{position:absolute;width:100%;height:100%;background-color:#000c;top:0;z-index:99999999999;display:none}.container .blackTint.active{display:block}.container #cancelBtn{position:absolute;top:2%;right:2%;width:10%;cursor:pointer;z-index:99999999999;display:none}.container #cancelBtn.active{display:block}.container .tAndCcontainer{position:absolute;z-index:99999999999;width:45vh;height:80vh;background-color:#fff;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;border-radius:15px;font-family:font3;transform:translateY(600%)}@media(max-width:1024px)and (max-aspect-ratio:13/10){.container .tAndCcontainer{width:85vw}}.container .tAndCcontainer.active{transform:translateY(0);transition:transform ease-in-out .5s}
