.refer-afriend-steps{background:#eeffa4;padding:100px 0;position:relative}@media(max-width:768px){.refer-afriend-steps{background:#000!important;padding:0;min-height:calc(100dvh - 91px)!important;align-items:flex-start!important}}.refer-afriend-steps .container{margin:0 auto;width:900px;max-width:100%;display:flex;flex-wrap:nowrap;gap:10px;justify-content:center;padding:0;position:static}@media(max-width:768px){.refer-afriend-steps .container{gap:0;flex-direction:column;border:none}}.refer-afriend-steps .container .screen-loading{width:100%;margin:0 auto;text-align:center}.refer-afriend-steps .container .screen-loading .sec-text{text-align:center}.refer-afriend-steps .container .image-wrapper{width:50%}.refer-afriend-steps .container .image-wrapper.show-for-small{display:none}@media(max-width:768px){.refer-afriend-steps .container .image-wrapper.show-for-small{display:flex}}@media(max-width:768px){.refer-afriend-steps .container .image-wrapper{background-color:transparent}}.refer-afriend-steps .container .image-wrapper .image-holder{display:flex}@media(max-width:768px){.refer-afriend-steps .container .image-wrapper,.refer-afriend-steps .container .image-wrapper img{width:100%}}.refer-afriend-steps .container .content-holder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%}.refer-afriend-steps .container .content-holder .small-links-holder{display:flex;align-items:center;width:100%;gap:10px;justify-content:center;margin-top:12px}.refer-afriend-steps .container .content-holder .small-links-holder p{width:auto}.refer-afriend-steps .container .content-holder .small-links-holder div{color:var(--Brand-Black, #000);text-align:center;font-family:ARMRA Mono;font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-transform:uppercase;text-decoration:none;cursor:pointer;border-bottom:1px solid #000;padding:5px}.refer-afriend-steps .container .form-wrapper{width:60%;padding:32px;display:flex;align-items:center;flex-direction:column;justify-content:center;background:#fff;border:none;margin-top:0}@media(max-width:768px){.refer-afriend-steps .container .form-wrapper{width:100%;padding:24px;border:none;background:#fff;position:absolute;bottom:0;min-height:50%;height:auto}}.refer-afriend-steps .container .form-wrapper .terms-link{margin-top:24px;color:var(--body-color, #000);text-align:center;font-family:var(--body-font, ARMRA);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.refer-afriend-steps .container .form-wrapper .terms-link:hover{text-decoration:underline}.refer-afriend-steps .container .form-wrapper .sec-title{color:var(--heading-color, #000);font-family:var(--heading-font, "ARMRA Display");font-size:45px;font-style:normal;font-weight:500;line-height:100%;width:100%}@media(max-width:768px){.refer-afriend-steps .container .form-wrapper .sec-title{font-size:31px}}.refer-afriend-steps .container .form-wrapper .sec-text,.refer-afriend-steps .container .form-wrapper p{color:var(--body-color, #000);font-family:var(--body-font, ARMRA);font-size:18px;font-style:normal;font-weight:400;line-height:150%;width:100%}@media(max-width:768px){.refer-afriend-steps .container .form-wrapper .sec-text,.refer-afriend-steps .container .form-wrapper p{font-size:16px}}.refer-afriend-steps .container .form-wrapper .buttons-holder{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.refer-afriend-steps .container .form-wrapper .buttons-holder.vertical{flex-direction:column}.refer-afriend-steps .container .form-wrapper .buttons-holder a.link{color:var(--Brand-Black, #000);text-align:center;font-family:ARMRA Mono;font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-transform:uppercase;text-decoration:underline}.refer-afriend-steps .container .form-wrapper .button{width:100%;background:#000;color:#fff;color:var(--Brand-White, #FFF);text-align:center;font-family:ARMRA Mono;font-size:14px!important;font-style:normal;font-weight:500;line-height:normal;text-transform:uppercase;border:none;height:48px;border:1px solid #000;letter-spacing:0}.refer-afriend-steps .container .form-wrapper .button:hover{border:1px solid #333;background-color:#333}.refer-afriend-steps .container .form-wrapper .button.hollow{border:1px solid #000;background:transparent;color:#000}.refer-afriend-steps .container .form-wrapper .button.hollow:hover{border:1px solid #000;background-color:#000;color:#fff}.refer-afriend-steps .container .form-wrapper #code-input{font-weight:400;line-height:150%;background-color:#fff;height:50px;padding:15px 12px;outline:none;box-shadow:none;border:1px solid #000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;max-width:100%}.refer-afriend-steps .container .form-wrapper form{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:12px}.refer-afriend-steps .container .form-wrapper form input[type=email]{color:var(--body-color, #000);font-family:var(--body-font, ARMRA);font-size:var(--body-p---m, 16px);font-style:normal;font-weight:400;line-height:150%;background-color:#fff;height:50px;padding:15px 12px;outline:none;box-shadow:none;border:1px solid #000}.refer-afriend-steps .container .form-wrapper form p,.refer-afriend-steps .container .form-wrapper form input{width:100%}
/*# sourceMappingURL=/cdn/shop/t/275/assets/referal-form.css.map */