.main-referal{box-sizing:border-box;background-image:url(/icons/referalhero.svg);background-position:bottom;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;min-height:100vh;padding:4rem 2rem;display:flex}.img-referal{justify-content:center;align-items:center;padding-top:20px;display:flex}.img-referal-01{width:100%;max-width:240px;height:auto}.header-referal{text-align:center;background:linear-gradient(90deg,#06c 25%,#7912d2 55.5%,#cf3c3e 70%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Roboto;font-size:2.5rem;font-weight:800}.sub-header-referal{text-align:center;color:#197bdd;font-family:Roboto;font-size:1.5rem;font-weight:700}.referal-desc{text-align:center;max-width:800px;margin:0 auto;padding:10px 0;font-family:Roboto;font-size:1.2rem;font-weight:400;line-height:1.6}.btn-flex{flex-wrap:wrap;justify-content:center;gap:15px;padding:15px 0;display:flex}.custom-button{border-radius:25px;width:100%;max-width:220px;height:40px}.btn-text{text-transform:capitalize;font-family:Roboto;font-size:1rem;font-weight:500}.datareferal-header{font-family:Roboto;font-size:1.5rem;font-weight:600}.referal-second-page{background-color:#fff;padding:60px 20px 40px}.header-second-page{color:#197bdd;justify-content:center;align-items:center;font-size:2.75rem;font-weight:300;display:flex}.second-page-flex{flex-direction:row;justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto;padding-top:60px;display:flex}.second-page-inner-flex{flex-direction:column;justify-content:space-between;align-items:center;gap:20px;display:flex}.second-page-desc{text-align:center;max-width:200px;margin:0 auto;font-size:1.125rem;line-height:20px}.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{color:#fff;justify-content:center;align-items:center;font-family:Roboto;font-size:2.75rem;font-weight:300;display:flex}.third-page-sub-header{color:#fff;justify-content:center;align-items:center;padding-top:60px;font-family:Roboto;font-size:2.75rem;font-weight:300;display:flex}.third-page-desc{color:#fff;text-align:center;justify-content:center;align-items:center;max-width:1100px;margin:0 auto;padding:15px 30px 10px;font-size:1.2rem;font-weight:400;line-height:32px;display:flex}.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:1500px){.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{flex-direction:column;display:flex}.main-referal{height:100%}.referal-desc{padding-top:15px;padding-bottom:15px;font-size:1.2rem;line-height:22px}.btn-text{font-size:1.3rem}.main-referal{padding:7rem 1.5rem 5rem}.btn-flex{padding:0}.second-page-desc{font-size:1.4rem;line-height:18px}.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}.third-page-desc,.join-header-sub,.referal-agree{font-size:1.4rem;line-height:25px}}