.referal-benefit-hero-wrapper{box-sizing:border-box;align-items:center;gap:104px;padding:56px 5%;display:flex;position:relative;overflow-x:hidden}@media only screen and (max-width:1024px){.referal-benefit-hero-wrapper{padding:20px;display:block}}.referal-benefit-hero-wrapper:before{content:"";opacity:.2;z-index:-1;background-image:url(/images/referalBenefits/white-tile-bg.png);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.referal-benefit-hero-wrapper .campaigner-section h1{color:#000;letter-spacing:0;min-width:440px;margin:0;padding-bottom:14px;font-size:56px;font-weight:700;line-height:110%}@media only screen and (max-width:1024px){.referal-benefit-hero-wrapper .campaigner-section h1{text-align:center;width:100%;min-width:auto;font-size:48px}}@media only screen and (max-width:768px){.referal-benefit-hero-wrapper .campaigner-section h1{font-size:40px}}.referal-benefit-hero-wrapper .campaigner-section h1 .blue-text{color:#1476bb}.referal-benefit-hero-wrapper .campaigner-section h1 .green-text{color:#1c936b}.referal-benefit-hero-wrapper .campaigner-section .support-section{color:#333f51;font-weight:600;font-size:fontSizes/body;letter-spacing:0;background-color:#fff;border:1px solid #e1e3e6;border-radius:16px;align-items:center;gap:8px;padding:8px 16px;line-height:140%;display:flex;box-shadow:0 1px 4px #0000000a}.referal-benefit-hero-wrapper .campaigner-section p{margin:0}.referal-benefit-hero-wrapper .campaigner-section .no-campaign-section{box-sizing:border-box;background-color:#fff;border-radius:24px;width:421px;max-width:100%;margin-top:24px;padding:16px}@media (min-width:768px) and (max-width:1024px){.referal-benefit-hero-wrapper .campaigner-section .no-campaign-section{margin:30px auto}}.referal-benefit-hero-wrapper .campaigner-section .no-campaign-section .no-campaign-text-section{align-items:center;gap:5px;padding-top:16px;display:flex}.referal-benefit-hero-wrapper .campaigner-section .no-campaign-section .no-campaign-text-section p{letter-spacing:0;font-size:20px;font-weight:600;line-height:110%}.referal-benefit-hero-wrapper .campaigner-section .no-campaign-section .no-campaign-image{max-width:100%;height:auto}.referal-benefit-hero-wrapper .Hero-form-section .purchase-form{box-sizing:border-box;background-color:#fff;border-radius:24px;min-width:396px;padding:24px;box-shadow:0 8px 32px #00000014}@media only screen and (max-width:1024px){.referal-benefit-hero-wrapper .Hero-form-section .purchase-form{width:100%;min-width:auto;margin-top:30px}}.referal-benefit-hero-wrapper .Hero-form-section .complete-purchase{letter-spacing:0;margin:0;padding-top:16px;font-size:20px;font-weight:700;line-height:110%}.referal-benefit-hero-wrapper .Hero-form-section .form-section .input-labels{color:#333f51;letter-spacing:0;padding-bottom:4px;font-size:14px;font-weight:400;line-height:16px;display:block}.referal-benefit-hero-wrapper .Hero-form-section .form-section .input-labels span{color:red}.referal-benefit-hero-wrapper .Hero-form-section .form-section input{width:100%;margin-top:0!important}.referal-benefit-hero-wrapper .Hero-form-section .form-section .name-input-section{padding-top:16px}.referal-benefit-hero-wrapper .Hero-form-section .form-section .form-input-field{letter-spacing:0;color:#000;border:1px solid #e1e3e6;border-radius:8px;outline:0;width:100%;margin-bottom:16px;padding:8px;font-size:16px;font-weight:400;line-height:24px}.referal-benefit-hero-wrapper .Hero-form-section .form-section .form-input-field:-internal-autofill-selected{background-color:#fff!important}.referal-benefit-hero-wrapper .Hero-form-section .form-section .form-input-field::placeholder{color:#bbc0c8}.referal-benefit-hero-wrapper .Hero-form-section .form-section select.form-input-field{white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding-right:30px;display:block;overflow:hidden}.referal-benefit-hero-wrapper .Hero-form-section .form-section .relative.mt-1{width:100%;min-width:0}.referal-benefit-hero-wrapper .Hero-form-section .form-section .coupon-code{color:#838a96;background-color:#edeeef}.referal-benefit-hero-wrapper .Hero-form-section .form-section .phone-input-section{color:#838a96;border:1px solid #e1e3e6;border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:8px;font-weight:400;display:flex}.referal-benefit-hero-wrapper .Hero-form-section .form-section .phone-input-section .phone-conutry{border-right:1px solid #e1e3e6;padding-right:10px;font-size:16px}.referal-benefit-hero-wrapper .Hero-form-section .form-section .phone-input-section input{margin:0;padding:0;border:none!important}.referal-benefit-hero-wrapper .Hero-form-section .form-section .submit-button{color:#fff;text-align:center;background-color:#1476bb;border:none;border-radius:8px;width:100%;padding:12px 16px;transition:all .3s}.referal-benefit-hero-wrapper .Hero-form-section .form-section .submit-button:disabled{color:#fff;cursor:not-allowed;opacity:.8;background-color:#bbc0c8}.referal-benefit-hero-wrapper .error{color:red;margin-top:-10px;margin-bottom:4px;margin-left:7px;font-size:12px}.referal-benefit-hero-wrapper .raised-percent{margin:0;padding-top:10px;font-size:16px;font-weight:600}.referal-benefit-hero-wrapper .form-input-field:focus::placeholder{color:#0000!important}