.main-referal{background-image:url(/icons/referalhero.svg);background-repeat:no-repeat;background-size:cover;background-position:bottom;width:100%;min-height:100vh;padding:4rem 2rem;flex-direction:column;gap:1.5rem;box-sizing:border-box}.img-referal,.main-referal{display:flex;justify-content:center;align-items:center}.img-referal{padding-top:20px}.img-referal-01{width:100%;max-width:240px;height:auto}.header-referal{text-align:center;background:linear-gradient(90deg,#0066cc 25%,#7912d2 55.5%,#cf3c3e 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Roboto;font-size:2.5rem;font-weight:800}.sub-header-referal{color:rgba(25,123,221,1);font-weight:700;font-size:1.5rem}.referal-desc,.sub-header-referal{text-align:center;font-family:Roboto}.referal-desc{max-width:800px;margin:0 auto;padding:10px 0;line-height:1.6;font-size:1.2rem;font-weight:400}.btn-flex{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;padding:15px 0}.custom-button{width:100%;max-width:220px;height:40px;border-radius:25px}.btn-text{text-transform:capitalize;font-family:Roboto;font-weight:500;font-size:1rem}.datareferal-header{font-family:Roboto;font-size:1.5rem;font-weight:600}.referal-second-page{padding:60px 20px 40px;background-color:#ffffff}.header-second-page{display:flex;justify-content:center;align-items:center;color:#197bdd;font-size:2.75rem;font-weight:300}.second-page-flex{flex-direction:row;max-width:1000px;margin:0 auto;padding-top:60px}.second-page-flex,.second-page-inner-flex{display:flex;justify-content:space-between;align-items:center}.second-page-inner-flex{flex-direction:column;gap:20px}.second-page-desc{max-width:200px;margin:0 auto;text-align:center;line-height:20px;font-size:1.125rem}.third-page-referal{background:linear-gradient(111.58deg,#a43ddf 11.87%,#8436ca 38.15%,#662fb5 49.78%,#48279f 69.66%,#2a1f89 93.89%,#011672 114.39%);padding:70px 0}.third-page-header,.third-page-sub-header{display:flex;justify-content:center;align-items:center;font-family:Roboto;font-weight:300;font-size:2.75rem;color:white}.third-page-sub-header{padding-top:60px}.third-page-desc{display:flex;justify-content:center;align-items:center;font-weight:400;font-size:1.2rem;max-width:1100px;margin:0 auto;color:white;text-align:center;line-height:32px;padding:15px 30px 10px}.scroll-target{scroll-margin-top:70px}.scroll-earn{scroll-margin-top:30px}@media (min-width:1600px){.main-referal{height:100%;padding:11rem 3.5rem 8rem}}@media (max-width:1500){.main-referal{height:100%;padding:9rem 3.5rem 10rem}}@media (max-width:600px){.header-referal{text-align:center;padding-bottom:10px;font-size:2.8rem;line-height:36px}.btn-flex{display:flex;flex-direction:column}.main-referal{height:100%}.referal-desc{line-height:22px;padding-top:15px;padding-bottom:15px;font-size:1.2rem}.btn-text{font-size:1.3rem}.main-referal{padding:7rem 1.5rem 5rem}.btn-flex{padding:0}.second-page-desc{line-height:18px;font-size:1.4rem}.third-page-referal{padding:40px 10px}.sub-header-referal{font-size:1.6rem;line-height:28px}.referal-desc{font-size:1.4rem;line-height:25px}.header-second-page{font-size:2.8rem}.join-header-sub,.referal-agree,.third-page-desc{font-size:1.4rem;line-height:25px}}