.referral-top{display:flex;flex-direction:column;align-items:center}.referral-text{font-size:clamp(14px,1.25vw,18px);margin-bottom:24px}.referral-content{display:flex}.referral-img,.referral-info{width:50%}.referral-info{display:flex;flex-direction:column;justify-content:center;gap:clamp(12px,1.667vw,24px);background-color:#f2efec;padding:0 20px 0 clamp(24px,5.556vw,80px)}.referral-heading{font-size:clamp(20px,1.667vw,24px)}.referral-paragraph{display:flex;flex-direction:column;font-size:clamp(14px,1.25vw,18px);gap:clamp(12px,1.667vw,24px)}.referral-paragraph p{display:flex;align-items:center;gap:8px;margin:0}.referral-paragraph span{width:22px;height:22px;display:flex;justify-content:center;align-items:center;font-size:14px;color:#fff;border-radius:50px;background-color:#635130}.discount-img{width:clamp(150px,20.833vw,300px)}.referral-btn-row{display:flex;gap:20px}.referral-btn{width:140px;height:40px;display:flex;justify-content:center;align-items:center;font-size:14px}.referral-btn.btn-not{pointer-events:none}.referral-btn-1,.referral-btn-1:hover{color:#fff;background-color:#635130}.referral-btn-2{border:1px solid #000}.referral-btn-2.roll{--roc: #000 !important;--rec: #000 !important}@media screen and (max-width: 1000px){.referral-program-box{background-color:#f2efec}.referral-content{flex-direction:column}.referral-img,.referral-info{width:100%}.referral-info{padding:24px 0 0}.referral-heading{font-size:clamp(20px,2.4vw,24px)}.referral-paragraph{font-size:clamp(14px,1.8vw,18px)}.discount-img{width:300px}}.reward-width .collapsible-content,.reward-width .section-header{margin:0}.reward-width .row,.reward-width .columns{padding:0}.reward-width .collapsible-content--container{flex-direction:column}.reward-width .section-header--content,.reward-width h2,.reward-width .collapsible-content--inner{width:100%;max-width:100%}.reward-width .collapsible-content--inner-border-true{gap:16px}.reward-width .accordion summary,.reward-width .accordion--has-border .accordion__content{font-size:clamp(14px,1.25vw,18px)}.reward-width .accordion summary{display:flex;gap:30px;padding:16px 60px 16px 24px}.reward-width .accordion--has-border .accordion__content{padding:0 24px 16px}@media screen and (max-width: 500px){.reward-width .accordion summary{padding:16px 40px 16px 16px}.reward-width .accordion--has-border .accordion__content{padding:0 16px 16px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-referral-program.css.map */