@media screen and (max-width:575px){.referral[data-v-4352ef18] .container-fluid{padding:0 20px}}.referral-wrapper[data-v-4352ef18]{background:linear-gradient(90deg,#ff5f6d,#ffc371);border-radius:22px;box-shadow:0 10px 30px 0 rgba(0,0,0,.15);margin:10px 0;padding:40px 0}.referral-wrapper.my-esims-referral[data-v-4352ef18]{margin:0}[dir=rtl] .referral-wrapper[data-v-4352ef18]{background:linear-gradient(270deg,#ff5f6d,#ffc371)}@media screen and (max-width:575px){.referral-wrapper[data-v-4352ef18]{margin:0;padding:20px}}@media screen and (min-width:576px)and (max-width:1023px){.referral-wrapper[data-v-4352ef18]{padding:30px 0}}.referral-container[data-v-4352ef18]{width:100%}@media screen and (min-width:576px){.referral-container[data-v-4352ef18]{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(12,minmax(0,1fr))}}@media screen and (min-width:576px)and (max-width:1023px){.referral-container.wide .referral-texts[data-v-4352ef18]{grid-column:span 6/span 6;grid-column-start:4}}@media screen and (min-width:1024px){.referral-container.wide .referral-texts[data-v-4352ef18]{grid-column:span 8/span 8;grid-column-start:3}}@media screen and (min-width:576px)and (max-width:1023px){.referral-container.wide .referral-button[data-v-4352ef18]{grid-column:span 6/span 6;grid-column-start:4}}@media screen and (min-width:1024px){.referral-container.wide .referral-button[data-v-4352ef18]{grid-column:span 8/span 8;grid-column-start:3}}.my-esims-referral .referral-container.buttons[data-v-4352ef18]{margin-top:auto}.referral-content[data-v-4352ef18]{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.my-esims-referral .referral-content[data-v-4352ef18]{height:100%}.referral-texts[data-v-4352ef18]{margin:20px 0}@media screen and (min-width:576px)and (max-width:1023px){.referral-texts[data-v-4352ef18]{grid-column:span 6/span 6;grid-column-start:4}}@media screen and (min-width:1024px){.referral-texts[data-v-4352ef18]{grid-column:span 4/span 4;grid-column-start:5}}.referral-texts h2[data-v-4352ef18],.referral-texts p[data-v-4352ef18]{margin:0;text-align:center}.referral-texts h2+p[data-v-4352ef18]{margin-top:10px}.referral-texts p[data-v-4352ef18]{color:#fff;font-size:.9375rem;line-height:1.4}.referral-button[data-v-4352ef18]{grid-column:span 4/span 4;grid-column-start:5}@media screen and (min-width:576px)and (max-width:1023px){.referral-button[data-v-4352ef18]{grid-column:span 6/span 6;grid-column-start:4}}