#TryOurPayroll{color:#fff}#TryOurPayroll .header{font-family:Roboto;font-weight:600;font-size:36px;line-height:130%;letter-spacing:6%;text-align:left;color:#10324f}#TryOurPayroll .paragraph{font-family:Roboto;font-weight:400;font-size:16px;line-height:24px;text-align:left;color:#10324f}#TryOurPayroll .signup-free-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000040}#TryOurPayroll .inner-bg{padding:50px 164px}.signup-free-btn{font-family:Roboto;font-weight:400;font-size:15px;line-height:130%;letter-spacing:.06em;text-align:center;margin-top:30px;color:#fff;padding:14px 72px;display:inline-block;transition:transform .3s ease,box-shadow .3s ease;border-radius:8px;background-color:#10324f;border:1px solid rgba(255,255,255,.4392156863);backdrop-filter:blur(15px);box-shadow:0 2px 2px #d1dfea6b;box-shadow:1px 0 6px #d1dfea inset}@media(max-width:575px){#TryOurPayroll .inner-bg{padding:50px 24px}#TryOurPayroll .header{font-family:Roboto;font-weight:600;font-size:16px;letter-spacing:6%;text-align:center}#TryOurPayroll .paragraph{font-family:Roboto;font-weight:400;font-size:11px;line-height:150%;letter-spacing:2%;text-align:center}.signup-free-btn{font-family:Roboto;font-weight:400;font-size:15px;line-height:130%;letter-spacing:.06em;text-align:center;margin-top:30px;color:#fff;padding:14px 16px;display:inline-block}}@media(max-width:900px){#TryOurPayroll .inner-bg{padding:20px}#TryOurPayroll .header{font-family:Roboto;font-weight:600;font-size:18px;letter-spacing:6%;text-align:start}#TryOurPayroll .paragraph{font-family:Roboto;font-weight:400;font-size:13px;line-height:150%;letter-spacing:2%;text-align:center}.signup-free-btn{padding:14px 16px}}.RefferalSystemPage .hero-title{width:100%;text-align:center;padding:22px 16px 14px;background:#d3e0eb}.RefferalSystemPage .hero-title__heading{margin:0;color:#0b3c5d;font-family:Roboto;font-weight:500;font-style:Medium;font-size:60px;line-height:170%;letter-spacing:4%;text-align:center;text-transform:capitalize}.RefferalSystemPage .hero-title__subheading{margin:8px 0 0;font-family:Roboto,sans-serif;color:#0b3c5d;font-family:Roboto;font-weight:500;font-size:30px;line-height:160%;letter-spacing:4%}.RefferalSystemPage .hero{width:100%;background:linear-gradient(180deg,#d3e0eb,#eef5fb);padding:40px 0 56px}.RefferalSystemPage .hero__container{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:40px}.RefferalSystemPage .hero__left{padding-left:18px}.RefferalSystemPage .hero__desc{margin:0 0 24px;max-width:430px;color:#0b3c5d;font-family:Roboto;font-weight:500;font-style:Medium;font-size:17px;line-height:170%;letter-spacing:4%;text-align:justify}.RefferalSystemPage .hero__btn{width:360px;max-width:100%;height:55px;border:1px solid rgba(11,60,93,.1);border-radius:6px;box-shadow:0 10px 22px #0d3b5d1f,inset 0 1px #fff9;color:#111827;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;background:linear-gradient(180deg,#d1dfea0d 50.18%,#d1dfea33);font-family:Roboto;font-weight:400;font-style:normal;font-size:18px;line-height:200%;letter-spacing:4%}.RefferalSystemPage .hero__btn:hover{background:#ffffffbf;transform:translateY(-1px);box-shadow:0 14px 28px #0d3b5d29,inset 0 1px #ffffffb3}.RefferalSystemPage .hero__btn:active{transform:translateY(0);box-shadow:0 10px 22px #0d3b5d1f,inset 0 1px #fff9}.RefferalSystemPage .hero__right{position:relative;display:flex;justify-content:center;align-items:center}.RefferalSystemPage .hero__shape{position:absolute;width:56px;height:56px;border-radius:10px;background:#ffffff4d;box-shadow:0 10px 24px #0d3b5d1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.RefferalSystemPage .hero__shape--top{top:22px;left:110px}.RefferalSystemPage .hero__shape--mid{top:110px;right:40px;width:48px;height:48px}.RefferalSystemPage .hero__shape--bottom{bottom:34px;left:60px;width:52px;height:52px}.RefferalSystemPage .hero__tablet{width:460px;max-width:100%;border-radius:18px;padding:6px}.RefferalSystemPage .hero__tabletImg{width:100%;height:auto;display:block;border-radius:14px}@media(max-width:768px){.RefferalSystemPage .hero-title__heading{font-size:34px}.RefferalSystemPage .hero-title__subheading{font-size:14px}.RefferalSystemPage .hero__desc{margin:0 0 24px;max-width:430px;color:#0b3c5d;font-family:Roboto;font-weight:500;font-style:Medium;font-size:15px;line-height:170%;letter-spacing:4%;text-align:justify}.RefferalSystemPage .hero__btn{width:310px;max-width:100%;height:55px;border:1px solid rgba(11,60,93,.1);border-radius:6px;box-shadow:0 10px 22px #0d3b5d1f,inset 0 1px #fff9;color:#111827;cursor:pointer;background:linear-gradient(180deg,#d1dfea0d 50.18%,#d1dfea33);font-family:Roboto;font-weight:400;font-style:normal;font-size:17px;line-height:200%;letter-spacing:4%}}@media(max-width:992px){.RefferalSystemPage .hero__container{grid-template-columns:1fr;gap:26px}.RefferalSystemPage .hero__left{padding-left:0;text-align:center;display:flex;flex-direction:column;align-items:center}.RefferalSystemPage .hero__desc{max-width:560px}.RefferalSystemPage .hero__shape--top{left:10%}.RefferalSystemPage .hero__shape--mid{right:6%}.RefferalSystemPage .hero__shape--bottom{left:6%}}@media(max-width:420px){.RefferalSystemPage .hero-title__heading{font-size:28px}.RefferalSystemPage .hero-title__subheading{font-size:13px;letter-spacing:.4px}.RefferalSystemPage .hero{padding:28px 0 44px}.RefferalSystemPage .hero__desc{font-size:13px;line-height:1.75}.RefferalSystemPage .hero__btn{height:44px;font-size:13px}}.service-title{font-family:Roboto,sans-serif;font-weight:500;text-align:center;text-transform:capitalize;color:#0a2540;font-size:clamp(27px,4vw,53px);line-height:1.25}.service-sub-title{font-family:Roboto;font-weight:500;font-size:clamp(20px,4vw,23px);line-height:160%;color:#0a2540}.payroll-section-content-width{padding:20px 10px}.service-section-heading{font-family:Roboto;font-weight:600;font-size:22px;line-height:180%;color:#0b3d5d;letter-spacing:4%}.service-list-item-text{font-family:Roboto;font-weight:400;font-size:14px;line-height:24px;text-align:justify;color:#10324f}.service-list-item-para{font-family:Roboto;font-weight:400;font-style:normal;font-size:clamp(18px,4vw,20px);line-height:180%;letter-spacing:4%;text-align:justify;color:#0b3d5d}.feature__title{font-family:Roboto;font-weight:400;font-style:Medium;font-size:20px;line-height:160%;letter-spacing:2%;text-align:center;color:#0f3250}