.referral-guide{flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;padding:2em .5em 1em;display:flex;position:relative}@media (width>=576px){.referral-guide{padding:1em}}@media (width>=992px){.referral-guide{align-items:center;padding:2em 1em}}.referral-guide .main-description{text-align:center;width:100%;margin-top:.2em;margin-bottom:.3em}@media (width>=576px){.referral-guide .main-description{font-size:1.3em}}@media (width>=992px){.referral-guide .main-description{margin-bottom:1.5em}}.referral-guide h4{margin-bottom:.8em}.referral-guide .steps{flex-direction:column;justify-content:center;align-items:center;display:flex}@media (width>=576px){.referral-guide .steps{margin-top:1em}}@media (width>=992px){.referral-guide .steps{flex-direction:row;margin-top:0;margin-bottom:1em}}.referral-guide .steps .step{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:90%;margin:.5em;font-size:1em;display:flex}@media (width>=576px){.referral-guide .steps .step{width:60%;font-size:1em}}@media (width>=992px){.referral-guide .steps .step{margin:0 1em}}.referral-guide .steps .step .step-icon{justify-content:center;display:flex}.referral-guide .steps .step .step-icon .circle{border-radius:50%;justify-content:center;align-items:center;width:5em;height:5em;margin-bottom:1em;display:flex}@media (width>=576px){.referral-guide .steps .step .step-icon .circle{width:6em;height:6em}}@media (width>=768px){.referral-guide .steps .step .step-icon .circle{width:7em;height:7em}}@media (width>=992px){.referral-guide .steps .step .step-icon .circle{width:5em;height:5em}}.referral-guide .steps .step .step-icon .circle.step-1{background-color:#ca9a98}.referral-guide .steps .step .step-icon .circle.step-2{background-color:#dac898}.referral-guide .steps .step .step-icon .circle.step-3{background-color:#a4d9d7}.referral-guide .steps .step .step-icon .circle i{color:var(--colour-white);line-height:inherit;font-size:2em}@media (width>=576px){.referral-guide .steps .step .step-icon .circle i{font-size:2.5em}}@media (width>=768px){.referral-guide .steps .step .step-icon .circle i{font-size:3em}}@media (width>=992px){.referral-guide .steps .step .step-icon .circle i{font-size:2em}}.referral-guide .link-explanation{text-align:center;flex-direction:column;width:100%;margin:1em 0;display:flex}.referral-guide .referral-link-container{justify-content:center}@media (width>=992px){.referral-guide .referral-link-container{width:100%}}.referral-guide .referral-link-container .referral{text-align:center;justify-content:center;width:100%;margin:0 1em}@media (width>=768px){.referral-guide .referral-link-container .referral{align-items:center;margin:0 auto;display:flex}}@media (width>=992px){.referral-guide .referral-link-container .referral{width:70%}}.referral-guide .referral-link-container .referral .input-group{margin-bottom:1em}.referral-guide .referral-link-container .referral .input-group input{background-color:var(--colour-white);border-top-right-radius:0;border-bottom-right-radius:0}.referral-guide .referral-link-container .referral .input-group .bn-button{border-top-left-radius:0;border-bottom-left-radius:0;height:44px}.refer-friend{flex:1;margin-bottom:1em}@media (width>=768px){.refer-friend{margin-bottom:0}}.refer-friend .referral-banner{border-radius:var(--border-radius);background-image:linear-gradient(90deg,#f0ecec,#ebd9d9);justify-content:center;height:140px;display:flex}@media (width>=576px){.refer-friend .referral-banner{height:150px}}.refer-friend .referral-banner img{height:140px;margin:0 .5em}@media (width>=576px){.refer-friend .referral-banner img{height:150px;margin:0 .5em}}@media (width>=768px){.refer-friend .referral-banner img{margin:0}}@media (width>=1200px){.refer-friend .referral-banner img{margin:0 .5em}}.refer-friend .referral-banner .right-column{flex-direction:column;justify-content:center;align-items:center;margin-left:-.6em;display:flex}@media (width>=321px){.refer-friend .referral-banner .right-column{margin-left:0}}@media (width>=768px){.refer-friend .referral-banner .right-column{margin-left:-.6em}}@media (width>=1200px){.refer-friend .referral-banner .right-column{margin-left:0}}.refer-friend .referral-banner .right-column p{text-align:center;flex-direction:column;margin:0 .3em;font-size:16.5px;display:flex}@media (width>=576px){.refer-friend .referral-banner .right-column p{margin:0 .5em;font-size:18px}}@media (width>=768px) and (width<=991px){.refer-friend .referral-banner .right-column p{margin:0 .7em}}@media (width>=992px){.refer-friend .referral-banner .right-column p{display:block}}.refer-friend .referral-banner .referral-button{color:var(--colour-white);font:var(--font-bold);background-color:#d196b6;margin-top:.6em;font-size:16.5px}@media (width>=576px){.refer-friend .referral-banner .referral-button{margin-top:.8em;font-size:18px}}