*{box-sizing:border-box;margin:0;padding:0}body{overflow-x:hidden}@font-face{font-family:craketest-bold;font-style:normal;font-weight:700;src:url(https://firebasestorage.googleapis.com/v0/b/tieyoung-e964a.appspot.com/o/Beauty%20Bill%20LBP%2Fcraketest-bold.otf?alt=media) format("opentype")}@font-face{font-family:MontserratSemiBold;font-style:normal;font-weight:400;src:url(https://firebasestorage.googleapis.com/v0/b/tieyoung-e964a.appspot.com/o/Beautybill%20-%20Version%202%2FMontserrat-SemiBold.otf?alt=media&token=3253e778-feda-4c88-a07c-c8c1a68fda92) format("opentype")}@font-face{font-family:MontserratBold;font-style:normal;font-weight:700;src:url(https://firebasestorage.googleapis.com/v0/b/tieyoung-e964a.appspot.com/o/Beautybill%20-%20Version%202%2FMontserrat-Bold.otf?alt=media&token=21dbfe57-1e5d-4df6-af92-d7809076e65c) format("opentype")}.craketest-bold,.craketest-thin{font-family:craketest-bold!important}.MontserratSemiBold,body{font-family:MontserratSemiBold!important}.MontserratBold{font-family:MontserratBold!important}.main{position:relative}.next-btn{bottom:15%;cursor:pointer;height:15%;left:42%;padding:10px 15px;position:absolute;width:18%}.main-start{align-items:center;background-color:#fff;background-image:url(/static/media/RegistrationsLaptop.f2bb7206177a673b62f5.png);background-position:bottom;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:auto;width:100%}.box-form-container{border-radius:5px;overflow:hidden;padding:2% 5%;width:70%}.custom-input-label{align-items:center;border-radius:20px;color:#fff;display:flex;justify-content:center;margin-right:45%;padding:0 1%}.custom-input-label>img{margin:-1.5%;width:25%}.custom-input-label>div{align-items:center;background-color:#fff;border:1px solid #000;border-radius:50px;box-shadow:0 2px 4px #0000001a;color:#000;display:flex;font-size:2rem;padding:2% 17%}.css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input{font-family:MontserratSemiBold!important}.css-1blp12k-MuiInputBase-root-MuiOutlinedInput-root{border-radius:30px!important}.css-iafu2n{background-color:initial!important;box-shadow:none!important}.css-5v2ak0{border:none!important}.MuiFormControl-root{background-color:#fff;border:1px solid #000!important;border-radius:30px;color:#000;outline:none;width:70%!important}.css-74d805-MuiButtonBase-root-MuiButton-root{background-color:initial!important;box-shadow:none!important;height:100px;margin-top:12%!important;width:100px}.loader-container{align-items:center;background-color:#00000080;display:flex;justify-content:center;left:0;top:0;z-index:99999}.loader-container,.popup-content{height:100vh;position:fixed;width:100%}.popup-content{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;text-align:center;z-index:99}.popup-content>div{align-items:center;animation:appearPopup .2s ease-in-out forwards;background:#e4e4e4;border-radius:10px;display:flex;flex-direction:column;height:25%;justify-content:space-evenly;left:50%;min-width:30%;opacity:0;padding:0 3%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.5)}@keyframes appearPopup{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.questions-container{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;position:relative;width:100%}.questions-container .question{font-family:craketest-bold!important;height:10%;left:35%;left:26%;top:1%;width:27%}.questions-container .answer,.questions-container .question{align-items:center;display:flex;justify-content:center;position:absolute;text-align:center}.questions-container .answer{flex-direction:column;height:47%;left:8%;top:21%;width:84%}.answer>div{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;min-width:30%}.answer>h1{text-align:center}.questions-next-btn{cursor:pointer;height:11%;left:41%;padding:8px 15px;position:absolute;top:72%;width:19%}.slide-right{animation:slide-right .6s ease-in-out forwards}.slide-bottom{animation:slide-bottom .6s ease-in-out forwards;opacity:0}@keyframes slide-bottom{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(15px)}}.Image-next-btn{background-color:initial;border-radius:5px;color:#fff;cursor:pointer;height:13%;left:45%;padding:10px 15px;top:76%}.Image-next-btn,.bill{position:absolute;width:10%}.bill{font-family:MontserratSemiBold!important;font-size:clamp(1rem,2.5vw,2.5rem);height:40%;left:72%;line-height:clamp(.9rem,5vw,5.7rem);top:32%}.fact-message-container{align-items:center;background-image:url(/static/media/Blurr%20BG%20for%20Low%20facts%20desktop.061be0475b6991032c78.png);background-position:50%;background-size:cover;display:flex;flex-direction:column-reverse;height:100vh;justify-content:center;position:relative;text-align:center;width:100vw}#recycle-img{animation:rotate360 2s linear infinite;height:90%;width:90%}#earth-img{animation:blinker 2s linear infinite;height:90%;width:90%}@keyframes blinker{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes rotate360{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:900px){.fact-message-container{background-image:url(/static/media/Blurr%20Background%20for%20low%20facts.cc5dd17b53aca9cc12b6.png)}}.fact-cont{align-items:center;border:1px solid #000;border-radius:20px;display:flex;height:200px;justify-content:center;padding:0 20px;position:relative;width:30%}.fast-top-cont{background-color:#00c600}.fact-head-icon{align-items:center;background-color:#fff;border:1px solid #000;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.499);display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.fact-image-one{bottom:-40px;left:50%;position:absolute;transform:translateX(-50%)}.svgHidden{display:none}.fast-bottom-cont{background-color:#fff}.fact-image-two{left:50%;position:absolute;top:-40px;transform:translateX(-50%)}.fact-btn{margin-top:50px}.fact-message{align-items:center;color:#000;display:flex;height:50%;justify-content:center;width:100%}.qr-code-container{left:50%;position:absolute;top:20%;transform:translate(-50%,-50%);width:15%;z-index:999999}@media screen and (max-width:480px){.next-btn{bottom:11%;height:10%;left:36%;width:20%}.main-start{background-image:url(/static/media/RegistrationsMobile.f5b8b4918a5cafeb2cea.png)}.box-form-container{padding:2%;width:90%}.custom-input-label{margin-right:35%;padding:0}.custom-input-label>div{font-size:1.5rem}.MuiFormControl-root{width:90%!important}.css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input{height:1rem!important}.questions-container .question{font-size:.7rem;height:6%;left:calc(20% - 100px);top:calc(22% - 100px);width:50%}.questions-container .answer{height:53%;left:15%;top:25%;width:71%}.answer>h2{font-size:.9rem}.answer>div{min-width:75%}.Image-next-btn{background-color:red;height:15%;left:39%;width:20%}.bill{font-size:clamp(1rem,3.3vw,2.8rem);left:70%;line-height:clamp(1rem,8vw,5.7rem);top:45%}.fact-message-container{font-size:clamp(.5rem,2.5vw,3rem)}.fact-cont{border:1px solid #000;border-radius:20px;height:140px;padding:0 10px;position:relative;width:90%}.impact-level-high{height:28%;top:49%;width:65%}.impact-level-low{height:17%;left:50%;top:51%;width:60%}.qr-code-container{left:50%;top:35%;width:25%}.questions-next-btn{left:37%;top:80%}}@media screen and (min-width:480px) and (max-width:768px){.fact-cont{height:200px;width:60%}}@media screen and (min-width:768px) and (max-width:1024px){.next-btn{bottom:12%;height:10%;left:39%;width:20%}.main-start{background-image:url(/static/media/RegistrationsTablet.d04544e6db61ea6d8b3a.png)}.box-form-container{width:85%}.questions-container .question{left:18%;top:5%}.questions-container .answer{height:55%;left:19%;top:24%;width:60%}.answer>div{min-width:70%}.Image-next-btn{height:15%;left:42%;width:15%}.bill{font-size:clamp(1rem,3.5vw,3rem);left:72%;line-height:clamp(1rem,7.9vw,5.8rem);top:45.5%}.fact-message-container{font-size:clamp(.5rem,2.5vw,3rem)}.fact-cont{border:1px solid #000;border-radius:20px;height:200px;padding:0 20px;position:relative;width:50%}.impact-level-high{height:43%;top:42%;width:65%}.impact-level-low{height:15%;left:50%;top:42%;width:60%}.qr-code-container{left:50%;top:34%;width:25%}.questions-next-btn{left:37%;top:82%}}@media screen and (min-width:481px) and (max-width:1024px) and (orientation:portrait){.questions-container .question{font-size:.7rem;height:10%;left:calc(20% - 100px);top:calc(14% - 100px);width:50%}.qr-code-container{left:50%;top:34%;width:25%}}.submit-button{background-color:initial;font-size:1rem;justify-content:center;line-height:1.5;margin:0}.learn-more,.submit-button{align-items:center;border:0;display:flex}.learn-more{background:#0000;cursor:pointer;font-family:inherit;font-size:inherit;height:auto;outline:none;padding:0;position:relative;width:12rem}.circle{background:#009d00;border-radius:100px;display:block;height:3rem;position:relative;transition:all .45s cubic-bezier(.65,0,.076,1);width:3rem}.icon.arrow{background:none;height:.125rem;left:.625rem;position:absolute;top:50%;transform:translateY(-50%);width:1.125rem}.icon.arrow:before{border-right:.125rem solid #fff;border-top:.125rem solid #fff;content:"";height:.625rem;position:absolute;right:.0625rem;top:-.25rem;transform:rotate(45deg);width:.625rem}.button-text{bottom:0;color:#009d00;font-weight:700;left:0;margin-left:1.85rem;padding:.75rem 0;right:0;text-align:center;text-shadow:1px 2px #fff;text-transform:uppercase;top:0;transition:all .45s cubic-bezier(.65,0,.076,1)}.learn-more:hover .circle{width:100%}.learn-more:hover .icon.arrow{background:#fff;transform:translate(1rem,-50%)}.learn-more:hover .button-text{color:#fff;text-shadow:0 10px #0000}button{background-color:initial;border:none;outline:none}.audioTest,body{background-color:#fff}.audioTest{width:200px}.audioTest:hover{background-color:blue}.audioTest:active{background-color:red}.new-questions-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;gap:20px;justify-content:center;margin:0;min-height:100vh;overflow-x:hidden;padding-bottom:15%;position:relative;width:100vw}.question-heading-cont{color:#444;font-family:craketest-bold!important;padding:15px 0 0;width:100%}.q-head-box,.question-heading-cont{align-items:center;display:flex;justify-content:center;text-align:center}.q-head-box{background-color:#fff;border:1px solid #000;border-radius:25px;color:#333;font-weight:600;height:80px;width:30%}.q-head-box h1{animation:slide-down2 .2s ease-in-out 0s forwards;font-size:35px;opacity:0}@keyframes slide-down2{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.q-head-icon{align-items:center;background-color:#fff;border:1px solid #000;border-radius:50%;display:flex;height:80px;justify-content:center;overflow:hidden;position:relative;width:80px}.svgIcon{stroke-dasharray:300;stroke-dashoffset:300;animation:strokeAnimation 4s ease-in-out infinite;animation-fill-mode:backwards;height:70px;width:70px}.image-one .svgIcon{animation-delay:1.5s}@keyframes strokeAnimation{0%{stroke-dashoffset:300}40%{stroke-dashoffset:0}60%{stroke-dashoffset:0}to{stroke-dashoffset:300}}.dashed-line{background:repeating-linear-gradient(90deg,#000,#000 15px,#0000 0,#0000 25px);height:1px;margin-block:10px;position:relative;width:100%}.star{animation:blink 1s ease infinite alternate;left:8%;position:absolute;top:-72.5px;transform-origin:center}.question-cont{align-items:center;border:1px solid #000;border-radius:25px;color:#444;display:flex;flex-direction:column;height:360px;justify-content:center;padding:0 40px;position:relative;text-align:center;width:50%}.question-box{animation:slide-in .5s ease-in-out 0s forwards;font-family:MontserratBold!important;font-size:15px;margin-bottom:10px;opacity:0}.options-cont{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:space-around;-webkit-user-select:none;user-select:none;width:100%}.options{animation:slide-down .5s ease-in-out forwards;background-color:#fff;border:1px solid #009b04;border-radius:50px;color:#000;cursor:pointer;font-family:MontserratSemiBold!important;font-size:clamp(1rem,1.5vw,2rem);font-size:19px;opacity:0;padding:1% 4%;transition:background-color .3s ease,color .3s ease;width:40%}.options:hover{background-color:#009b056c;transform:translateY(10px) scale(1.1);transition:.2s ease}.options.selected{background-color:#009b04;color:#fff;transition:.2s ease}@keyframes slide-down{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(10px)}}@keyframes slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateY(0)}}.image-one{left:-40px;position:absolute;top:60px}.image-two{bottom:60px;position:absolute;right:-40px}.flower-cont{left:82%;position:absolute;top:100%;transform:translate(-50%,-50%) scale(1);transform-origin:center}.flower{fill:red;stroke:blue;animation:blink2 1s ease 1s infinite alternate;transform:scale(.6);transform-origin:center}@keyframes blink2{0%{opacity:1;transform:scale(.6)}to{transform:scale(.3)}}.footer-container{align-items:center;bottom:0;display:flex;justify-content:center;margin-block:0 -5px;position:absolute;width:110%}.page-footer{transform:scale(1);transition:transform .3s ease-in-out;width:100%}@media (max-width:980px){.new-questions-container{gap:40px;justify-content:center;padding-bottom:17%}.page-footer{transform:scale(1.2)}.question-box{font-size:15px}.q-head-box{height:70px;width:40%}.q-head-box h1{font-size:27px}.question-cont{width:70%}.options{padding:8px 0;width:50%}.question-heading-cont .q-head-icon{transform:scale(.9) translateX(-4px)}.question-cont .q-head-icon{transform:scale(.8)}}@media (max-width:768px){.new-questions-container{gap:40px;justify-content:center;padding-bottom:10%}.options{padding:6px 0;width:55%}.q-head-box h1{font-size:25px}.page-footer{transform:scale(1.5)}}@media (max-width:500px){.new-questions-container{height:90vh;justify-content:space-evenly;padding-bottom:0}.question-box{font-size:13px}.q-head-box h1{font-size:23px}.q-head-box{height:62px;width:50%}.question-heading-cont .q-head-icon{transform:scale(.8) translateX(-10px)}.question-cont .q-head-icon{transform:scale(.7)}.page-footer{transform:scale(2)}.question-cont{padding:0 25px;width:80%}.options{font-size:15px;padding:8px 0;width:65%}.question-footer{margin-block:0}.footer-container{margin-block:0 -40px;position:relative}}.qr-code-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;gap:20px;justify-content:center;margin:0;min-height:100vh;overflow-x:hidden;padding-bottom:15%;position:relative;transform:translate(-50%);width:100vw}.qr-dashed-line{margin-block:60px 30px}.qr-circle-image-1{position:absolute;right:10%;top:-40px}.qr-circle-image-2{left:10%;position:absolute;top:-40px}.qr-circle-image-3{cursor:pointer;left:50%;position:absolute;top:-40px;transform:translateX(-50%) scale(1);transition:.3s}.qr-circle-image-3:hover{transform:translateX(-50%) scale(1.1);transition:.3s}.qr-circle-image-3:hover .svgIcon{animation:blinker 2s linear infinite}.qr-circle-image-3:active{transform:translateX(-50%) scale(.9);transition:.1s}.qr-circle-image-3 .svgIcon{animation-delay:1.5s;transform:scale(.6)}.image-two .svgIcon{animation-delay:.5s}.qr-cont{align-items:center;color:#444;display:flex;flex-direction:row;gap:30px;justify-content:center;margin-block:30px 15px;padding:30px 0;position:relative;width:90%}.qr-logo{height:auto;width:430px}.qr-holder{align-items:center;display:flex;flex-direction:column;justify-content:center}.qr-holder p{border:1.5px solid #000;border-radius:25px;font-size:13px;font-weight:100;padding:10px 15px}@media (max-width:980px){.qr-code-container{gap:40px;justify-content:center;padding-bottom:17%}}@media screen and (max-width:768px){.qr-code-container{gap:30px}.qr-cont{color:#444;flex-direction:column-reverse;gap:20px;margin-block:0;padding:0;position:relative;width:100%}.qr-circle-image-3{transform:translateX(-50%) scale(.9)}.qr-dashed-line{margin-block:50px}}@media screen and (max-width:480px){.qr-code-container{gap:25px}.qr-circle-image-3{transform:translateX(-50%) scale(.8)}.qr-logo{width:300px}.qr-dashed-line{margin-block:40px}}.download-btn{background-color:#fff;border:1.5px solid #000;border-radius:25px;color:#444;cursor:pointer;font-size:13px;font-weight:400;padding:10px 20px;text-decoration:none;transition:transform .2s ease,background-color .3s ease}.download-btn:hover{background-color:#f2f2f2}.download-btn:active{transform:scale(.95)}.bill-page-container{align-items:center;background-color:#fff;background:linear-gradient(#fff,#8abd7c 40%,#8abd7c 70%,#fff);display:flex;flex-direction:column;margin:0;min-height:170vh;overflow:hidden;padding:0;position:relative;width:100vw}.paper-holder{align-items:center;color:#444;display:flex;font-family:craketest-bold!important;justify-content:center;margin-block:30px;padding:10px 0;text-align:center;width:100%}.paper{animation:roll 4s forwards;background-color:#fff;border:1px solid #000;height:0;position:relative;transition:height 4s;width:70%}.paper-data{align-items:center;display:flex;flex-direction:column;gap:50px;height:100%;justify-content:flex-start;overflow:hidden;padding:20px;width:100%}.bill-image-one{left:-40px;top:60px}.bill-image-one,.bill-image-two{animation:show 3s 3s forwards;position:absolute;transform:scale(0)}.bill-image-two{bottom:60px;right:-40px}@keyframes show{0%{transform:scale(0)}to{transform:scale(1)}}.bill-image-one .svgIcon{animation-delay:1.5s}.bill-image-two .svgIcon{animation-delay:.5s}@keyframes roll{0%{height:0}to{height:1130px}}.bill-logo{width:30%}.bill-heading{background-color:#000;border-radius:50px;color:#fff;font-size:25px;padding:15px 30px}.bill-data-holder,.bill-heading{font-family:MontserratSemiBold!important}.bill-data-holder{display:flex;flex-direction:column;gap:35px;padding:0 60px;width:100%}.bill-data{text-wrap:nowrap;align-items:center;color:#000;display:flex;font-size:30px;justify-content:space-between}.bill-mid-line{border-bottom:2px dotted #000;margin:0 10px;width:100%}.bill-data p{text-wrap:nowrap;font-size:25px}.bill-comment{border-block:2px dashed #000;color:#000;font-size:25px;margin-block:30px 0;padding:10px 30px}.bill-disclaimer{font-family:MontserratSemiBold!important;font-size:12px}.bill-btn{margin-block:0 30px}.bill-footer{animation:slide-up-footer .5s ease-in-out 3s forwards;z-index:10}.roll-holder{animation:rollOut 3s 3s forwards;bottom:-75px;display:flex;height:150px;left:0;position:absolute;width:104%}.roll-left{align-items:center;background-color:#fff;border:1px solid #000;border-radius:100%;display:flex;height:100%;justify-content:center;width:60px;z-index:3}.roll-inside{background-color:#999696;border-radius:100%;height:40%;width:30%}.roll-center{align-items:center;border-block:1px solid #000;color:#fff;display:flex;font-size:30px;justify-content:center;width:100%;z-index:2}.roll-center,.roll-right{background-color:#fff;height:100%;margin-left:-30px}.roll-right{border-radius:100%;border-right:1px solid #000;width:60px}@keyframes rollOut{0%{bottom:-75px;opacity:1}to{bottom:-150px;opacity:0}}@keyframes roll1350{0%{height:0}to{height:1050px}}@media (max-width:1320px){.bill-page-container{min-height:160vh}.paper{animation:roll1350 4s forwards;width:80%}}@keyframes roll1000{0%{height:0}to{height:1000px}}@media (max-width:1000px){.bill-page-container{min-height:147vh}.bill-logo{width:32%}.bill-heading{font-size:22px;padding:13px 27px}.paper-data{gap:40px}.bill-data-holder{gap:30px;padding:0 40px}.bill-data{font-size:28px}.bill-data p{font-size:23px}.paper{animation:roll1000 4s forwards;width:80%}}@keyframes roll768{0%{height:0}to{height:850px}}@media (max-width:768px){.bill-page-container{min-height:128vh}.paper-data{gap:35px}.bill-logo{width:37%}.bill-comment{font-size:22px;margin-block:30px 0;padding:10px 25px}.bill-heading{font-size:20px;padding:12px 25px}.bill-data-holder{gap:25px;padding:0 25px}.bill-data{font-size:23px}.bill-data p{font-size:20px}.paper{animation:roll768 4s forwards;width:85%}}@keyframes roll500{0%{height:0}to{height:780px}}@media (max-width:500px){.bill-page-container{min-height:117vh}.bill-logo{width:50%}.bill-data-holder{gap:25px;padding:0 10px}.paper-data{gap:30px}.bill-comment{font-size:17px;margin-block:10px 0;padding:10px 25px}.bill-data{font-size:21px}.bill-data p{font-size:18px}.bill-heading{font-size:17px;padding:10px 22px}.paper{animation:roll500 4s forwards;width:90%}}.long-next-btn{align-items:center;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:17px;gap:0;height:auto;justify-content:center;min-width:120px;opacity:0}@keyframes slideIn{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideIn2{0%{opacity:0;transform:translateX(-70%)}to{opacity:1;transform:translateX(-50%)}}.btn-long-relative{animation:slideIn .5s 1s forwards;transform:translateX(-50px)}.btn-long-absolute{animation:slideIn2 .5s 4s forwards;bottom:21%;left:50%;position:absolute;transform:translateX(-70%)}.custom-button-container{align-items:center;display:flex;justify-content:center}.custom-button{background:hsla(0,0%,100%,.722);border:1px solid #a5ebaf;border-radius:1.625rem;cursor:pointer;display:inline-block;font-size:inherit;height:auto;outline:none;padding:0;position:relative;transition:.5s;width:9rem}.custom-button .custom-circle{background:#009d00;border-radius:1.625rem;display:block;height:3rem;position:relative;transition:all .45s cubic-bezier(.65,0,.076,1);width:3rem}.custom-button .custom-circle .custom-icon{background:#fff;bottom:0;margin:auto;position:absolute;top:0;transition:all .45s cubic-bezier(.65,0,.076,1)}.custom-button .custom-circle .custom-arrow{background:none;height:.125rem;left:.625rem;transition:all .45s cubic-bezier(.65,0,.076,1);width:1.125rem}.custom-button .custom-circle .custom-arrow:before{border-right:.125rem solid #fff;border-top:.125rem solid #fff;content:"";height:.625rem;position:absolute;right:.0625rem;top:-.25rem;transform:rotate(45deg);width:.625rem}.custom-button .custom-text{bottom:0;color:#009d00;font-weight:600;left:0;line-height:1.6;margin-left:1.85rem;padding:.75rem 0;position:absolute;right:0;text-align:center;top:0;transition:all .45s cubic-bezier(.65,0,.076,1)}.custom-button:hover{background:#a5ebaf;transition:.2s}.custom-button:focus .custom-circle{width:100%}.custom-button:focus .custom-circle .custom-arrow{background:#fff;transform:translate(1rem)}.custom-button:focus .custom-text{color:#fff}@media screen and (max-width:480px){.custom-button-container{transform:scale(.8)}.btn-long-absolute{bottom:14%;left:47%}}@media screen and (min-width:768px) and (max-width:1024px){.btn-long-absolute{bottom:16%;left:50%}}@media screen and (min-width:480px) and (max-width:768px){.btn-long-absolute{bottom:14%;left:50%}}.new-register-container{align-items:flex-end;background-color:#fff;background-image:url(/static/media/register-base-image.0263a15c2a4363b08d35.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;margin:0;min-height:100vh;overflow-x:hidden;padding:-10px 0 0;position:relative;width:100vw}.dashed-line-register{background:repeating-linear-gradient(90deg,#fff,#fff 15px,#0000 0,#0000 25px);height:2px;margin-block:30px;position:relative;width:100%}.star-register{animation:blink 1s ease infinite alternate;position:absolute;right:8%;top:-72.5px;transform-origin:center}@keyframes blink{0%{transform:scale(.2)}to{transform:scale(.5)}}.register-form{align-items:center;font-family:craketest-bold!important;justify-content:center;margin-block:0 100px;padding:10px 0;text-align:center}.form-input-container,.register-form{display:flex;flex-direction:column;width:60%}.form-input-container{gap:1px}.input-one{margin-left:-80px}.form-label-cont{align-items:center;display:flex;gap:1px;justify-content:flex-start;width:100%}.form-label-cont p{border:1px solid #000;border-radius:15px;color:#000;font-size:20px;padding:10px 25px;width:auto}.form-label-cont p,.register-label-icon{background-color:#fff;opacity:0;transform:translateX(-100px)}.register-label-icon{align-items:center;border:1px solid #000;border-radius:50%;display:flex;height:45px;justify-content:center;overflow:hidden;position:relative;width:45px}.fullname{display:flex;gap:2px}.form-input{background-color:#fff;border:1px solid #000;border-radius:50px;color:#009d00;font-size:20px;margin-bottom:20px;opacity:0;outline:none;padding:10px 20px;transform:translateX(100px);transition:.5s;transition:box-shadow .3s ease,border .3s ease;width:100%}.form-input::placeholder{color:grey;font-size:17px}.form-input:focus{border:1px solid #009d00;outline:2px solid #009d00;transition:.1s}#reg-1{animation:slide-left .5s ease-in-out 0s forwards}#reg-2{animation:slide-right .5s ease-in-out .4s forwards}#reg-3{animation:slide-up .5s ease-in-out .8s forwards;margin-left:30px}#reg-3-2{animation:slide-up .5s ease-in-out 1s forwards}#reg-4{animation:slide-left .5s ease-in-out 1.2s forwards}#reg-5{animation:slide-right .5s ease-in-out 1.6s forwards}#reg-6{animation:slide-up .5s ease-in-out 2s forwards;margin-left:30px}.like:after,.like:before,.roud-button{align-items:center;background-color:initial;border:3px solid #fff;border-radius:50%;display:flex;height:80px;justify-content:center;margin-block:10px;position:relative;width:80px}.button{background-color:initial!important;border-radius:100%;cursor:pointer;transition:.5s;width:70px;z-index:99}.btn-img,.button{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.button:after{content:"";display:block;padding-bottom:100%}.button:hover+.button-outline{width:85%}.button:hover{background-color:#009d00!important;transition:.2s}.button:active{background-color:#00c601!important;transform:translate(-50%,-50%) scale(.8);transition:.1s}.button-outline{border:3px solid #fff;border-radius:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .25s cubic-bezier(.7,.11,.32,2);width:75%}.button-outline:after{content:"";display:block;padding-bottom:100%}.button-text{color:#fff;font-size:96px;left:50%;position:absolute;top:50%;transform:translate(-50%,-55%)}.button-container{animation:expand .5s ease-in-out 3s forwards;margin:0 auto;opacity:0;position:relative;transform:scale(.6);width:100px}.button-container:after{content:"";display:block;padding-bottom:100%}.terms-container{align-items:center;animation:fadeIn .3s ease-in-out 2.5s forwards;background-color:rgba(0,0,0,.559);border-radius:15px;color:#e7e7e7;display:flex;flex-direction:column;font-family:MontserratSemiBold,sans-serif;gap:10px;justify-content:center;opacity:0;padding:15px;text-align:left;transition:.5s;width:70%}.terms-container:hover{background-color:rgba(0,0,0,.782);transition:.1s}.terms-container>*{animation:slide-up .5s ease-in-out forwards;opacity:0;transform:translateY(20px)}.terms-container>:first-child{animation-delay:1.5s}.terms-container>:nth-child(2){animation-delay:1.7s}.terms-container>:nth-child(3){animation-delay:2s}.terms-text{border-radius:5px;font-size:14px;line-height:1.5;width:100%}.consent-text a{color:#009d00;margin:0 2px;text-decoration:none}.checkbox-label{align-items:center;border-radius:5px;display:flex;font-size:14px;width:100%}.checkbox-label input{margin-right:10px;transform:scale(1.2)}.button-container:disabled .button:hover{background-color:#ccc!important;cursor:not-allowed;opacity:.7;transition:.2s}.register-footer{animation:slide-up-footer .5s ease-in-out 3s forwards;opacity:0;transform:translateY(20px) translateX(10px)}@keyframes slide-left{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up-footer{0%{opacity:0;transform:translateY(20px) translateX(10px)}to{opacity:1;transform:translateY(0) translateX(10px)}}@keyframes expand{0%{opacity:0;transform:Scale(.6)}to{opacity:1;transform:Scale(.8)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width:768px){.new-register-container{align-items:center}.register-form{margin-block:0;width:100%}.form-input-container{width:60%}.terms-container{width:70%}.button-container{animation:expand768 .5s ease-in-out 3s forwards;margin-top:20px}}@keyframes expand768{0%{opacity:0;transform:Scale(.5)}to{opacity:1;transform:Scale(.8)}}@media screen and (max-width:480px){.form-input-container{transform:scale(.9);width:60%;width:75%}.terms-container{width:80%}.button-container{animation:expand480 .5s ease-in-out 3s forwards;margin-top:20px}}@keyframes expand480{0%{opacity:0;transform:Scale(.4)}to{opacity:1;transform:Scale(.7)}}
/*# sourceMappingURL=main.7e32c636.css.map*/