.page-wrapper{display: flex;flex-direction: column;min-height: 100vh}.referfriend-content{flex: 1}.banner-image{display: block;margin: auto}.top-banner-position{top:8rem;width: 900px !important}.main-banner-title{font-size: 55px;line-height: 4.5rem}.main-banner-p{font-size: 20px}.refer-text{margin-top: 1.5rem;width: 220px !important}.step-1-icon, .step-2-icon{position: relative;z-index: 0}.step-1{width: 93px;position: absolute;left: 1.8rem;top: 2rem;z-index: 1}.step-2{width: 93px;position: absolute;left: 1.8rem;top: 1.3rem;z-index: 1}.get-referral-btn{background: #ff4a00;color: #fff !important;border-radius: 14px;width: auto;font-size: 24px;font-weight: 600;cursor: pointer;transition:background 0.2s ease,transform 0.1s ease;z-index: 1;border: 0;display: flex;padding: 10px 20px;justify-content: center;margin:20px}.gray-text{color: #6d7d96}.step-1-top-card{bottom:3rem;width: 900px !important;height: 96px;padding: 10px 20px;font-size: 24px;font-weight: 600;background: #EFF1F4;border-radius: 16px;border-left: 10px solid #ff4a00}.step-2-top-card{bottom:-4rem;width: 900px !important;height: 72px;padding: 10px 20px;font-size: 24px;font-weight: 600;background: #EFF1F4;border-radius: 16px;border-left: 10px solid #ff4a00}.step-1-p{font-size: 24px;position: absolute;left: 20%;top: 2rem}.step-2-p{font-size: 24px;position: absolute;left: 20%;top: 1.2rem}.referfriend-content{flex: 1}.referfriend-footer{margin-top:8rem;padding-bottom: 4rem;padding-top: 4rem;background: #FDFDFE 0% 0% no-repeat padding-box}@media (min-width: 1466px){.banner-image{width: 100%}}@media (min-width: 1920px){.banner-image{width: auto}}@media (max-width: 1280px){.main-banner-title{font-size: 40px;line-height: 3rem}.main-banner-p{font-size: 20px}.top-banner-position{top:8rem;width: 700px !important}.step-1{left: 1.5rem;top: 1.5rem;z-index: 1}.step-2{left: 1.5rem;top: 1.3rem;z-index: 1}.step-1-top-card{width: 700px !important;bottom:4rem;height: 72px}.step-2-top-card{width: 700px !important;bottom:-2rem}.step-1-p{font-size: 18px;position: absolute;left: 20%;top: 1.5rem}.step-2-p{font-size: 18px;position: absolute;left: 20%;top: 1.4rem}.get-referral-btn{font-size: 18px;display: flex;padding: 10px 20px;justify-content: center;margin: 12px 15px 12px 0}.step-1-icon{position: relative;height: 76px;width: 140px;z-index: 0}.step-2-icon{width: 140px;height: 76px}}@media (max-width: 968px){.main-banner-title{font-size: 32px;line-height: 3rem}.main-banner-p{font-size: 16px}.top-banner-position{top:6rem;width: 600px !important}.step-1-top-card{width: 600px !important;bottom:2rem;height: 72px}.step-2-top-card{width: 600px !important;bottom:-4rem}.step-1{width: 85px;left: 1rem;top: 1.5rem;z-index: 1}.step-2{width: 85px;left: 1rem;top: 1.3rem;z-index: 1}.step-1-p{font-size: 15px;position: absolute;left: 22%;top: 1.5rem}.step-2-p{font-size: 15px;position: absolute;left: 22%;top: 1.4rem}.step-1-icon{position: relative;height: 76px;width: 120px}.step-2-icon{width: 120px;height: 76px}.get-referral-btn{font-size: 15px;display: flex;padding: 10px 20px;justify-content: center;margin: 15px 15px 15px 0}.refer-text{margin-top: 5px;width: 180px !important}}@media (max-width: 512px){.top-banner-position{top:7rem;width: 300px !important}.main-banner-title{font-size: 36px;line-height: 2.5rem}.main-banner-p{font-size: 15px}.refer-text{margin-top: 10px;width: 170px !important}.step-1-top-card{width: 320px !important;bottom:-4rem;height: 250px}.step-2-top-card{width: 320px !important;bottom:-18rem;height: 185px}.step-1-icon{position: relative;height: auto}.step-2-icon{width: auto;height: auto}.step-1-p{font-size: 22px;position: absolute;left: 1rem;top: 4rem}.step-2-p{font-size: 22px;position: absolute;left: 1rem;top: 4rem}.get-referral-btn{position: absolute;font-size: 18px;display: flex;padding: 10px 20px;justify-content: center;margin: 0 0 0 0;width: 90%;left: 1rem;bottom: 2rem}.referfriend-footer{margin-top:24rem;padding-bottom: 4rem;padding-top: 4rem;background: #FDFDFE 0% 0% no-repeat padding-box}.footer-tinbo-logo{width: 100px}}@media (max-width: 320px){.top-banner-position{top:6rem;width: 280px !important}.main-banner-title{font-size: 32px;line-height: 2.5rem}.step-1-top-card{width: 300px !important;bottom:-7rem;height: 250px}.step-2-top-card{width: 300px !important;bottom:-21rem;height: 185px}}h1,button,p,input,small{font-family: "Mulish" !important}.copy-referral-item{position: relative;display: inline-block;margin-top: 10px;width: 400px}.copy-referral-item .tooltip{visibility: hidden;background-color: #fe3c02 !important;color: #fff;text-align: center;padding: 6px 10px;border-radius: 5px;position: absolute;top: 125%;left: 75%;margin-top: 5px;white-space: nowrap;opacity: 0;transition: opacity 0.3 ease-in-out;font-size: 12px;z-index: 100}.referral-title{font-size: 40px}.item-content{display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 15px;margin-bottom: 50px}.title-step{margin: 0;font-weight: 700;font-size: 20px}.title-step-content{margin: 0;text-align: center;font-size: 20px}.referral-input-container{display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 8px;display: none}.referral-input{font-size: 20px;outline: none;border-radius: 5px;border: 1px solid gray;padding: 15px 10px;flex: 1;width: 100%;box-sizing: border-box;min-width: 250px;text-transform: uppercase}.email-content{text-decoration: none;color: #0d6efd}.referral-input::placeholder{text-transform: none}.referral-button{color: white;border: none;cursor: pointer;border-radius: 4px;padding: 7px;width: 100%;cursor: pointer;background-color: #fe3c02 !important;font-weight: 600;letter-spacing: 1px;font-size: 20px}.referral-button:disabled{opacity: 0.5;cursor: not-allowed}.popup-referral-content{position: absolute;top: 82%;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;gap: 5px}.div-desktop .d-referral-content{display: flex;align-items: center;margin-top: 18px}.div-tablet .d-referral-content{display: flex;align-items: center}.div-mobile .d-referral-content{display: flex;align-items: center}.div-desktop .referral-img{border-radius: 20px;min-width: 453px !important;cursor: unset !important}.copy-referral-input{margin: 0;width: 300px;max-width: 700px;outline: none;border: none;padding: 2px;text-align: center;text-decoration: none;font-size: 16px;background-color: transparent}.copy-referral-text{font-weight: 500}.copy-referral-item img{width: 25px !important;height: 25px !important;min-width: 25px !important;min-height: 25px !important}.refError{align-self: start;display: flex;align-items: center;gap: 5px;justify-content: start;font-size: 13px;font-weight: 600}.div-tablet .referral-title{font-size: 40px;font-weight: 700}.div-tablet .title-step{margin: 0;font-weight: 700;font-size: 25px}.div-tablet .title-step-content{margin: 0;text-align: center;font-size: 25px}.div-tablet .item-content{display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 15px;margin-bottom: 50px}.div-tablet .referral-img{border-radius: 20px;min-width: 560px !important;cursor: unset !important}.div-tablet .popup-referral-content{position: inherit;top: 79%;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;gap: 5px;border-radius: 20px;margin-top: 34px}.div-tablet .referral-input{font-size: 25px;outline: none;border-radius: 5px;border: 1px solid gray;padding: 15px 10px;width: 100%;min-width: 380px}.div-tablet .copy-referral-input{margin: 0;width: 340px;max-width: 700px;border-radius: 30px;outline: none;border: none;padding: 10px 2px;font-size: 17px;background-color: transparent}.div-tablet .copy-referral-item{width: 400px}.copy-referral-text{font-weight: 500}.div-tablet .refError{font-size: 19px !important}.div-tablet .referral-button:disabled{opacity: 0.5;cursor: unset}@media screen and (height <= 730px){.div-tablet .popup-referral-content{top: 78.5%}}@media screen and (height <= 660px){.div-tablet .popup-referral-content{top: 78%}}@media screen and (height <= 550px){.div-tablet .popup-referral-content{top: 77.5%}}@media screen and (height <= 490px){.div-tablet .popup-referral-content{top: 77%}}.div-mobile .referral-img{border-radius: 20px;max-width: 60% !important;cursor: unset !important}.div-mobile .referral-title{font-size: 25px;font-weight: 700}.div-mobile .item-content{display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 15px;margin-bottom: 50px}.div-mobile .title-step{margin: 0;font-weight: 700}.div-mobile .title-step-content{margin: 0;font-weight: 400}.div-mobile .referral-input-container{display: flex;align-items: center;flex-direction: column;gap: 8px;display: none}.div-mobile .referral-input{outline: none;border-radius: 5px;border: 1px solid gray;padding: 15px 10px;width: 100%}.div-mobile .referral-button{width: 100%}.div-mobile .referral-button:disabled{opacity: 0.5;cursor: unset}.div-mobile .copy-referral-input{margin: 0;width: 205px;max-width: 300px;border-radius: 30px;outline: none;border: none;padding: 10px 0px 0px 5px;font-size: 10px;background-color: transparent}.div-mobile .copy-referral-item{width: 400px}.referral-subtitle{background-color: #e6f4fa;padding: 15px 20px;border-radius: 8px;font-size: 1rem;margin-bottom: 25px;font-weight: 700;line-height: 0.5}.referral-reward-box{border: 2px solid #ddd;border-radius: 10px;background: #fff;padding: 20px 25px;margin-bottom: 30px;width: 500px;margin: 0 auto;font-family: 'Mulish'}.referral-reward-box h2{text-align: center;color: #ff5c00 !important;font-weight: 700;margin-bottom: 15px;font-size: 1.2rem}.referral-reward-box ul{list-style: none;padding: 0;margin: 0}.referral-reward-box li{display: flex;align-items: flex-start;gap: 10px;margin-bottom: 10px;line-height: 1.4}.reward-text.bonus{padding-left: 30px}.reward-icon{width: 28px;height: 28px;flex-shrink: 0}.reward-text{font-size: 1rem;color: #333}.reward-text strong{font-weight: 700}.reward-text small{display: flex;justify-content: center;align-items: center;font-size: 0.85rem;color: #555;margin-top: 2px;font-style: italic}.referral-steps.text-center{max-width: 500px}.referral-steps h3{color: #ff5c02;font-size: 1.3rem}.btn-primary{background-color: #ff5c00 !important;color: #fff;border: none;border-radius: 25px;padding: 12px 35px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;font-size: 16px;width: 18rem}.btn-primary:focus,.btn-primary:active,.btn-primary:focus-visible{outline: none !important;box-shadow: none !important;border-color: #e24e02 !important;background-color: #e24e02 !important}@media (max-width: 480px){.referral-subtitle{font-size: 16px;padding: 10px 12px;line-height: 1.5;padding-bottom: 1px;font-weight: 700}.referral-reward-box{width: 100%;padding: 15px}.btn-primary{width: 100%;font-size: 14px}}@media screen and (width <= 590px){.copy-referral-item .tooltip{top: 0% !important;left: 55% !important}}.div-mobile .popup-referral-content{position: inherit;top: 55%;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;gap: 5px;border-radius: 20px;margin-top: 10px}@media screen and (height <= 932px){.div-mobile .popup-referral-content{top: 54.75%}}@media screen and (height <= 923px){.div-mobile .popup-referral-content{top: 55.5%}}@media screen and (height <= 915px){.div-mobile .popup-referral-content{top: 55.7%}}@media screen and (height <= 906px){.div-mobile .popup-referral-content{top: 56.5%}}@media screen and (height <= 896px){.div-mobile .popup-referral-content{top: 57%}}@media screen and (height <= 887px){.div-mobile .popup-referral-content{top: 57.5%}}@media screen and (height <= 878px){.div-mobile .popup-referral-content{top: 58%}}@media screen and (height <= 869px){.div-mobile .popup-referral-content{top: 58.5%}}@media screen and (height <= 860px){.div-mobile .popup-referral-content{top: 59%}}@media screen and (height <= 850px){.div-mobile .popup-referral-content{top: 59.5%}}@media screen and (height <= 844px){.div-mobile .popup-referral-content{top: 60.5%}}@media screen and (height <= 836px){.div-mobile .popup-referral-content{top: 61%}}@media screen and (height <= 826px){.div-mobile .popup-referral-content{top: 61.5%}}@media screen and (height <= 816px){.div-mobile .popup-referral-content{top: 62.5%}}@media screen and (height <= 806px){.div-mobile .popup-referral-content{top: 63.5%}}@media screen and (height <= 796px){.div-mobile .popup-referral-content{top: 64.5%}}@media screen and (max-height: 786px){.div-mobile .popup-referral-content{top: 65.5%}}@media screen and (max-height: 778px){.div-mobile .popup-referral-content{top: 66%}}@media screen and (max-height: 770px){.div-mobile .popup-referral-content{top: 66.5%}}@media screen and (max-height: 762px){.div-mobile .popup-referral-content{top: 67%}}@media screen and (max-height: 756px){.div-mobile .popup-referral-content{top: 67.5%}}@media screen and (max-height: 750px){.div-mobile .popup-referral-content{top: 68%}}@media screen and (max-height: 745px){.div-mobile .popup-referral-content{top: 68.5%}}@media screen and (max-height: 740px){.div-mobile .popup-referral-content{top: 69%}}@media screen and (max-height: 732px){.div-mobile .popup-referral-content{top: 69.9%}}@media screen and (max-height: 724px){.div-mobile .popup-referral-content{top: 70.8%}}@media screen and (max-height: 716px){.div-mobile .popup-referral-content{top: 71.7%}}@media screen and (max-height: 708px){.div-mobile .popup-referral-content{top: 72.6%}}@media screen and (max-height: 700px){.div-mobile .popup-referral-content{top: 73.5%}}@media screen and (max-height: 692px){.div-mobile .popup-referral-content{top: 74.4%}}@media screen and (max-height: 684px){.div-mobile .popup-referral-content{top: 75.3%}}@media screen and (max-height: 676px){.div-mobile .popup-referral-content{top: 76.2%}}@media screen and (max-height: 667px){.div-mobile .popup-referral-content{top: 76.5%}}@media screen and (max-height: 659px){.div-mobile .popup-referral-content{top: 77.6%}}@media screen and (max-height: 651px){.div-mobile .popup-referral-content{top: 78.7%}}@media screen and (max-height: 640px){.div-mobile .popup-referral-content{top: 80%}}@media screen and (max-height: 631px){.div-mobile .popup-referral-content{top: 81.3%}}@media screen and (max-height: 622px){.div-mobile .popup-referral-content{top: 82.6%}}@media screen and (max-height: 613px){.div-mobile .popup-referral-content{top: 83.9%}}@media screen and (max-height: 604px){.div-mobile .popup-referral-content{top: 85.2%}}@media screen and (max-height: 595px){.div-mobile .popup-referral-content{top: 86.5%}}@media screen and (max-height: 586px){.div-mobile .popup-referral-content{top: 87.8%}}@media screen and (max-height: 577px){.div-mobile .popup-referral-content{top: 89.1%}}@media screen and (max-height: 568px){.div-mobile .popup-referral-content{top: 90.4%}}@media screen and (max-height: 559px){.div-mobile .popup-referral-content{top: 91.7%}}@media screen and (max-height: 550px){.div-mobile .popup-referral-content{top: 93%}}.div-mobile .close--btn.landing-mobile{width: 30px;height: 30px;right: 2%;top: 0.25%}@media screen and (width <= 590px){.div-mobile .close--btn.landing-mobile{right: 19%}}@media screen and (width <= 550px){.div-mobile .close--btn.landing-mobile{right: 17%}}@media screen and (width <= 520px){.div-mobile .close--btn.landing-mobile{right: 14%}}@media screen and (width <= 490px){.div-mobile .close--btn.landing-mobile{right: 13%}}@media screen and (width <= 460px){.div-mobile .close--btn.landing-mobile{right: 12%}}@media screen and (width <= 440px){.div-mobile .close--btn.landing-mobile{right: 10%}}@media screen and (width <= 430px){.div-mobile .close--btn.landing-mobile{right: 8%}}@media screen and (width <= 415px){.div-mobile .close--btn.landing-mobile{right: 6%}}@media screen and (width <= 400px){.div-mobile .close--btn.landing-mobile{right: 4%}}@media screen and (width <= 375px){.div-mobile .close--btn.landing-mobile{right: 2%}}@media screen and (width <= 350px){.div-mobile .referral-img{min-width: 98% !important}@media screen and (height <= 932px){.div-mobile .popup-referral-content{top: 52% !important}}@media screen and (height <= 915px){.div-mobile .popup-referral-content{top: 53% !important}}@media screen and (height <= 882px){.div-mobile .popup-referral-content{top: 54.5% !important}}@media screen and (height <= 844px){.div-mobile .popup-referral-content{top: 57.5% !important}}@media screen and (height <= 786px){.div-mobile .popup-referral-content{top: 62% !important}}@media screen and (height <= 745px){.div-mobile .popup-referral-content{top: 65% !important}}@media screen and (height <= 740px){.div-mobile .popup-referral-content{top: 65.5% !important}}@media screen and (height <= 667px){.div-mobile .popup-referral-content{top: 73% !important}}@media screen and (height <= 640px){.div-mobile .popup-referral-content{top: 76% !important}}@media screen and (height <= 600px){.div-mobile .popup-referral-content{top: 81% !important}}@media screen and (height <= 575px){.div-mobile .popup-referral-content{top: 84.5% !important}}@media screen and (height <= 550px){.div-mobile .popup-referral-content{top: 88% !important}}@media screen and (height <= 515px){.div-mobile .popup-referral-content{top: 95% !important}}@media screen and (height <= 490px){.div-mobile .popup-referral-content{top: 98% !important}}.div-mobile .copy-referral-input{font-size: 7.5px;width: 160px}}@media screen and (width <= 340px){.div-mobile .referral-img{min-width: 98% !important}@media screen and (height <= 932px){.div-mobile .popup-referral-content{top: 50.5% !important}}@media screen and (height <= 915px){.div-mobile .popup-referral-content{top: 52% !important}}@media screen and (height <= 882px){.div-mobile .popup-referral-content{top: 53.5% !important}}@media screen and (height <= 844px){.div-mobile .popup-referral-content{top: 56% !important}}@media screen and (height <= 786px){.div-mobile .popup-referral-content{top: 60% !important}}@media screen and (height <= 745px){.div-mobile .popup-referral-content{top: 63.5% !important}}@media screen and (height <= 740px){.div-mobile .popup-referral-content{top: 64% !important}}@media screen and (height <= 667px){.div-mobile .popup-referral-content{top: 70.5% !important}}@media screen and (height <= 640px){.div-mobile .popup-referral-content{top: 73.5% !important}}@media screen and (height <= 600px){.div-mobile .popup-referral-content{top: 78.5% !important}}@media screen and (height <= 575px){.div-mobile .popup-referral-content{top: 82% !important}}@media screen and (height <= 550px){.div-mobile .popup-referral-content{top: 85% !important}}@media screen and (height <= 515px){.div-mobile .popup-referral-content{top: 91% !important}}@media screen and (height <= 490px){.div-mobile .popup-referral-content{top: 95.5% !important}}.div-mobile .copy-referral-input{font-size: 7.4px;width: 160px}}@media screen and (width <= 330px){.div-mobile .referral-img{min-width: 98% !important}@media screen and (height <= 932px){.div-mobile .popup-referral-content{top: 48.5% !important}}@media screen and (height <= 915px){.div-mobile .popup-referral-content{top: 50% !important}}@media screen and (height <= 882px){.div-mobile .popup-referral-content{top: 51.5% !important}}@media screen and (height <= 844px){.div-mobile .popup-referral-content{top: 54% !important}}@media screen and (height <= 786px){.div-mobile .popup-referral-content{top: 58% !important}}@media screen and (height <= 745px){.div-mobile .popup-referral-content{top: 61.5% !important}}@media screen and (height <= 740px){.div-mobile .popup-referral-content{top: 62% !important}}@media screen and (height <= 667px){.div-mobile .popup-referral-content{top: 68.5% !important}}@media screen and (height <= 640px){.div-mobile .popup-referral-content{top: 71.5% !important}}@media screen and (height <= 600px){.div-mobile .popup-referral-content{top: 76.5% !important}}@media screen and (height <= 575px){.div-mobile .popup-referral-content{top: 80% !important}}@media screen and (height <= 550px){.div-mobile .popup-referral-content{top: 83% !important}}@media screen and (height <= 515px){.div-mobile .popup-referral-content{top: 89% !important}}@media screen and (height <= 490px){.div-mobile .popup-referral-content{top: 93.5% !important}}.div-mobile .copy-referral-input{font-size: 7.3px;width: 160px}}@media screen and (width <= 320px){.div-mobile .referral-img{min-width: 99% !important}@media screen and (height <= 932px){.div-mobile .popup-referral-content{top: 47.5% !important}}@media screen and (height <= 915px){.div-mobile .popup-referral-content{top: 48.5% !important}}@media screen and (height <= 882px){.div-mobile .popup-referral-content{top: 50% !important}}@media screen and (height <= 844px){.div-mobile .popup-referral-content{top: 52.5% !important}}@media screen and (height <= 786px){.div-mobile .popup-referral-content{top: 56.5% !important}}@media screen and (height <= 745px){.div-mobile .popup-referral-content{top: 59.5% !important}}@media screen and (height <= 740px){.div-mobile .popup-referral-content{top: 60% !important}}@media screen and (height <= 667px){.div-mobile .popup-referral-content{top: 66.5% !important}}@media screen and (height <= 640px){.div-mobile .popup-referral-content{top: 69% !important}}@media screen and (height <= 600px){.div-mobile .popup-referral-content{top: 74% !important}}@media screen and (height <= 575px){.div-mobile .popup-referral-content{top: 77% !important}}@media screen and (height <= 550px){.div-mobile .popup-referral-content{top: 80% !important}}@media screen and (height <= 515px){.div-mobile .popup-referral-content{top: 86% !important}}@media screen and (height <= 490px){.div-mobile .popup-referral-content{top: 90% !important}}.div-mobile .copy-referral-input{font-size: 7.5px;width: 160px}@media (max-width: 768px){.referral-title{font-size: 1.6rem}.referral-subtitle{font-size: 0.95rem}.btn-primary{font-size: 15px;padding: 10px 28px}}@media (max-width: 480px){.referral-subtitle{font-size: 16px;padding: 10px 12px;line-height: 1.5;padding-bottom: 1px;font-weight: 700}.referral-reward-box{width: 100%;padding: 15px}.btn-primary{width: 100%;font-size: 14px}}}