@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap");*{box-sizing:border-box}html,body{min-height:100%;height:1px}body{padding:0;margin:0;font-size:17px}body,input,select,textarea{font-family:'Montserrat', sans-serif;font-weight:400}input,select,textarea,button{outline:none;border:0}a{text-decoration:none;color:#fff}ul{list-style-type:none}ul,li,p{padding:0;margin:0}h1,h2,h3,h4,h5,h6{padding:0;margin:0}h1{text-align:center;text-transform:uppercase;font-size:32px;padding:0 0 50px}@media (max-width: 1151px){h1{font-size:4vw;padding:3vw 0}}@media (max-height: 768px) and (orientation: landscape){h1{font-size:4.5vw}}.none{display:none}.mobileBr{display:none}@media (max-width: 1151px){.mobileBr{display:block}}.desktopBr{display:block}@media (max-width: 1151px){.desktopBr{display:none}}.column{display:flex;flex-direction:column;align-items:center;justify-content:center}.row{display:flex;flex-direction:row;align-items:center;justify-content:center}.btn{font-size:22px;font-weight:600;background:rgba(0,0,0,0.5);padding:10px;border-radius:40px;cursor:pointer;max-width:300px;width:95%;text-align:center;text-transform:uppercase;transition:transform 0.2s}@media (max-width: 767px){.btn{font-size:2.8vw;padding:10px;width:90%}}@media (max-width: 525px){.btn{max-width:225px}}.btn.popUpHotBtn{background:linear-gradient(180deg, #ff7955 0%, #fe6161 30%, #d23078 100%);font-size:25px;font-weight:800;transition:filter .3s}.btn.popUpHotBtn:hover{filter:brightness(0.8)}@media (max-width: 525px){.btn.popUpHotBtn{font-size:5vw;max-width:200px}}.btn.popUpCasualBtn{background:#51b6f9;font-size:25px;font-weight:800;transition:filter .3s}.btn.popUpCasualBtn:hover{filter:brightness(0.8)}@media (max-width: 525px){.btn.popUpCasualBtn{font-size:5vw;max-width:200px}}.fullscreenBox{min-height:100%;display:flex;padding:15px;background-image:url("/asset/img/bg-desktop.jpg");background-position:center;background-size:cover;background-repeat:no-repeat}@media (max-width: 767px){.fullscreenBox{background-image:url("/asset/img/bg-mobile.jpg")}}@media (max-height: 768px) and (orientation: landscape){.fullscreenBox{position:relative}}.stepsBox{width:100%;color:#ffffff;margin:50px 0 0}@media (max-width: 767px){.stepsBox{margin:0}}.step{width:100%;max-width:1600px}@media (min-width: 3440px){.step{transform:scale(1.3)}}@media (max-width: 525px){.step{margin:10px 0 0 0}}.step:nth-child(n + 2){display:none}.step .menuBox{width:100%;justify-content:center;flex-wrap:wrap}.step .menuBox.outlinksBox{justify-content:center}.step .menuBox.outlinksBox .innerOutlinks{justify-content:center;width:50%}@media (max-width: 1175px){.step .menuBox.outlinksBox .innerOutlinks{width:100%}}.step .menuBox .answerBox{cursor:pointer;width:100%;max-width:300px;margin:0 5vw}.step .menuBox .answerBox.row-4{width:280px;margin:0 2.8vw}@media (max-width: 2000px){.step .menuBox .answerBox.row-4{margin:60px}}@media (max-width: 1175px){.step .menuBox .answerBox.row-4{width:50%;margin:0 5vw}}@media (max-width: 767px){.step .menuBox .answerBox{width:50%}}.step .menuBox .answerBox:hover .btn{transform:scale(1.05)}.step .menuBox .answerBox .imgBox{position:relative;width:100%;max-width:375px;height:auto;max-height:375px;padding-bottom:0;border-radius:50%;border:2px solid #51b6f9;margin:40px 0;overflow:hidden}@media (max-width: 1151px){.step .menuBox .answerBox .imgBox{width:40vw;height:40vw;max-height:300px;max-width:300px;margin:40px 0 60px 0}}@media (max-width: 767px){.step .menuBox .answerBox .imgBox{margin:40px 0}}@media (max-width: 525px){.step .menuBox .answerBox .imgBox{margin:20px 0}}.step .menuBox .answerBox .imgBox.whatever-option .overlay{background-color:#00000044}.step .menuBox .answerBox .imgBox img{width:100%;padding:10px;border-radius:50%}@media (max-width: 525px){.step .menuBox .answerBox .imgBox img{padding:5px}}.step .menuBox .answerBox .imgBox .check{position:absolute;width:160px;fill:#fff;top:0;right:0;left:0;bottom:0;margin:auto;opacity:0}@media (max-width: 1151px){.step .menuBox .answerBox .imgBox .check{width:50%}}.step .menuBox .answerBox .imgBox .whatever{position:absolute;width:60%;margin:auto}.step .menuBox .answerBox.casual{z-index:3}.step .menuBox .answerBox.casual .imgBox{background:#51b6f9;border:unset}.step .menuBox .answerBox.casual .imgBox .casualImg{display:block}.step .menuBox .answerBox.casual .overlay{opacity:1;background:rgba(81,182,249,0.5)}.step .menuBox .answerBox.casual .check{opacity:1}.step .menuBox .answerBox.casual .whatever{opacity:0}.step .menuBox .answerBox.casual .btn{background:#51b6f9}.step .menuBox .answerBox.hot{z-index:3}.step .menuBox .answerBox.hot .imgBox{background:linear-gradient(180deg, #ff7955 0%, #fe6161 30%, #d23078 100%);border:unset}.step .menuBox .answerBox.hot .imgBox .hotImg{display:block}.step .menuBox .answerBox.hot .overlay{opacity:1;background:linear-gradient(180deg, rgba(255,122,85,0.5) 0%, rgba(254,97,97,0.5) 100%)}.step .menuBox .answerBox.hot .check{opacity:1}.step .menuBox .answerBox.hot .whatever{opacity:0}.step .menuBox .answerBox.hot .btn{background:linear-gradient(180deg, #ff7955 0%, #fe6161 30%, #d23078 100%)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}.blurBg{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.dots{margin:90px 0 70px 0;justify-content:space-between}@media (max-width: 525px){.dots{margin:50px 0}}.dots .dot{width:13px;height:13px;background:gray;border-radius:50%}@media (max-width: 767px){.dots .dot{width:10px;height:10px}}.dots .dot.selected{border-radius:50%;background:#0c6bbe}.dots .dot:not(:first-child){margin:0 0 0 30px}.popUp{position:fixed;display:none;top:0;left:0;width:100%;height:100%;background:#00000099;color:#fff;z-index:3;max-width:100%;margin:0}@media (max-height: 768px) and (orientation: landscape){.popUp{position:absolute;align-items:flex-start;padding:30px 0 0}}.popUp .dots{display:none}.popUp h1{text-transform:uppercase;font-weight:800;margin:0px 0 40px 0;font-size:32px;padding:0}@media (max-width: 1151px){.popUp h1{margin:40px 0 40px 0}}@media (max-width: 767px){.popUp h1{font-size:40px}}@media (max-width: 525px){.popUp h1{font-size:6vw;margin:20px 0}}@media (max-height: 768px) and (orientation: landscape){.popUp h1{margin:20px 0 20px}}.popUp p{font-size:20px;line-height:40px}@media (max-width: 1151px){.popUp p{line-height:25px}}@media (max-width: 767px){.popUp p{font-size:16px}}@media (max-width: 525px){.popUp p{font-size:4vw}}.popUp .verificationBox{position:relative;width:90%;max-width:1100px;height:600px;background:#323232;box-shadow:0 19px 32px 0px rgba(0,0,0,0.3);border-radius:10px}@media (max-width: 1151px){.popUp .verificationBox{flex-direction:column;height:unset;max-width:650px;margin:0 30px}}.popUp .verificationBox .closeBtn{position:absolute;width:21px;height:21px;top:10px;right:10px;cursor:pointer}.popUp .verificationBox form{width:100%}@media (max-width: 1151px){.popUp .verificationBox form{order:2;margin:0 0 30px 0}}.popUp .verificationBox form .textBox p{text-align:center}.popUp .verificationBox form .textBox p.error{background:red;border-radius:20px;padding:5px 15px;margin:10px}.popUp .verificationBox .verificationImg{display:none;width:100%;max-width:450px;height:100%;object-fit:cover;border-radius:0 10px 10px 0 / 0 10px 10px 0}@media (max-width: 1151px){.popUp .verificationBox .verificationImg{order:1;height:300px;max-width:100%;object-position:top;border-radius:10px 10px 0px 0 / 10px 10px 0px 0}}@media (max-width: 525px){.popUp .verificationBox .verificationImg{height:200px}}@media (max-height: 768px) and (orientation: landscape){.popUp .verificationBox .verificationImg{height:150px;object-position:center}}.dropdownBox{margin:80px 10px}@media (max-width: 1151px){.dropdownBox{margin:40px 10px}}@media (max-width: 525px){.dropdownBox{margin:20px 10px}}.dropdownBox .selectBox:nth-child(2){margin:0 20px}@media (max-width: 525px){.dropdownBox .selectBox:nth-child(2){margin:0 5px}}.dropdownBox .selectBox{align-items:flex-start}.dropdownBox .selectBox span{font-size:20px}@media (max-width: 767px){.dropdownBox .selectBox span{font-size:16px}}@media (max-width: 525px){.dropdownBox .selectBox span{font-size:4vw}}.dropdownBox .selectBox .select{margin:20px 0 0 0;position:relative;width:140px;height:40px;background:#fff;border-radius:5px;cursor:pointer;padding:0 0 0 10px}@media (max-width: 767px){.dropdownBox .selectBox .select{width:125px;font-size:14px}}@media (max-width: 525px){.dropdownBox .selectBox .select{height:30px;margin:10px 0;max-width:70px}.dropdownBox .selectBox .select.month{max-width:115px}}.dropdownBox .selectBox .select select{appearance:none;background-color:transparent;border:none;margin:0;width:100%;height:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit}.dropdownBox .selectBox .select img{position:absolute;width:15px;height:15px;top:0;bottom:0;margin:auto;right:15px;pointer-events:none}@media (max-width: 525px){.dropdownBox .selectBox .select img{right:10px;width:10px;height:10px}}.hotImg{display:none}.blur{filter:blur(8px)}.stopScrolling{height:100%;overflow:hidden}@media (max-height: 768px) and (orientation: landscape){.stopScrolling{overflow:initial}}
