.section-affiliate-how-it-works{background-color:var(--light-grey-color);padding:80px 0;position:relative}.section-affiliate-how-it-works .page-width{max-width:1339px}.section-affiliate-how-it-works .row{display:flex;gap:50px;margin-top:32px}.section-affiliate-how-it-works .row .col-7{max-width:calc(54% - 36px);width:100%}.section-affiliate-how-it-works .row .col-5{max-width:calc(50% - 25px);width:100%}.section-affiliate-how-it-works .how-it-work-title{position:relative}.section-affiliate-how-it-works .how-it-work-title h2{line-height:47px;text-align:center;color:var(--black-color)}.section-affiliate-how-it-works .how-it-work-title .work-top-image{position:absolute;bottom:89px;left:-89px;z-index:1}.section-affiliate-how-it-works .how-it-work-title .work-top-image img{width:115px;height:108px}.section-affiliate-how-it-works .how-it-work-block img{display:block;width:100%;height:100%;max-height:510px;border-radius:10px;object-fit:cover;object-position:50% 13%}.section-affiliate-how-it-works .how-it-work-main{position:relative}.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant{display:flex;flex-direction:column;gap:32px;position:relative;max-width:584px}.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box{display:flex;gap:24px;position:relative}.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box:first-child:before{display:none}.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box:before{content:"";position:absolute;border:1px dashed #888888B2;width:20%;rotate:90deg;z-index:0;top:-26px;left:-29px}.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box .work-img{width:60px;height:60px;min-width:60px;border:1px solid #1E223A1A;background-color:var(--white-color);border-radius:168px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box .work-contant h3{font-weight:600;font-size:20px;line-height:100%;margin-bottom:8px}.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box .work-contant p{font-family:var(--font-public);opacity:.8;font-weight:400;font-size:18px;line-height:28px}.section-affiliate-how-it-works .how-it-work-main .work-button{margin-top:50px}.section-affiliate-how-it-works .how-it-work-main .work-button .button{width:100%;max-width:171px;font-size:18px;font-weight:700;line-height:20px;height:100%;padding:16px;max-height:52px}.section-affiliate-how-it-works .how-it-work-main .bottom-img{position:absolute;right:-51px;bottom:-51px}.section-affiliate-how-it-works .how-it-work-main .bottom-img img{width:119px;height:176px}@media (max-width: 1499px){.section-affiliate-how-it-works .how-it-work-title .work-top-image{left:0}}@media (max-width: 1400px){.section-affiliate-how-it-works .how-it-work-main .bottom-img{position:absolute;right:14px;bottom:-86px}}@media (max-width: 1350px){.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box:before{top:-17px;left:-29px}}@media (max-width: 1262px){.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box:before{top:-46px;left:-30px}}@media (max-width: 1200px){.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box:before{top:-46px;left:-26px}}@media (max-width: 1170px){.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box:before{top:-49px;left:-26px}}@media (max-width: 1100px){.section-affiliate-how-it-works{padding:40px 0}.section-affiliate-how-it-works .how-it-work-title .work-top-image{bottom:47px}.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box:before{width:31%;top:-54px;left:-50px}.section-affiliate-how-it-works .how-it-work-main .bottom-img{right:-20px}}@media (max-width: 1050px){.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box:before{left:-45px}}@media (max-width: 1000px){.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box:before{left:-40px}}@media (max-width: 991px){.section-affiliate-how-it-works .row{flex-direction:column}.section-affiliate-how-it-works .row .col-7,.section-affiliate-how-it-works .row .col-5,.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant{max-width:100%}.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box:before{width:15%;top:-16px;left:-42px}.section-affiliate-how-it-works .how-it-work-main .bottom-img{right:0;bottom:-58px}}@media (max-width: 920px){.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box:before{left:-35px}}@media (max-width: 838px){.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box:before{left:-30px}}@media (max-width: 767px){.section-affiliate-how-it-works .how-it-work-title h2{font-size:28px;line-height:32.9px}.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box .work-contant h3{font-size:18px;line-height:100%}.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box .work-contant p{font-size:16px;font-weight:400;line-height:24px}.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box{gap:16px}.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box .work-img{width:50px;height:50px;min-width:50px}.section-affiliate-how-it-works .how-it-work-main .work-button{text-align:center;margin-top:24px}.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box:before{left:-31px}.section-affiliate-how-it-works .how-it-work-title .work-top-image img{width:62px;height:59px}.section-affiliate-how-it-works .how-it-work-main .bottom-img img{width:73px;height:108px}}@media (max-width: 700px){.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box:before{left:-26px;top:-32px}}@media (max-width: 650px){.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box:before{left:-22px;top:-34px}}@media (max-width: 580px){.section-affiliate-how-it-works .how-it-work-block img{max-height:240px}.section-affiliate-how-it-works .how-it-work-title .work-top-image{bottom:46px;right:-16px;left:-8px}.section-affiliate-how-it-works .how-it-work-main .bottom-img{bottom:-100px}.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box:before{left:-15px;top:-40px}}@media (max-width: 560px){.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box:before{left:-47px;top:-33px;width:31%}}@media (max-width: 450px){.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box:before{left:-42px;top:-69px;width:35%}}@media (max-width: 380px){.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box:before{left:-43px;width:40%;top:-58px}}@media (max-width: 360px){.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box:before{left:-37px}}@media (max-width: 330px){.section-affiliate-how-it-works .how-it-work-main .how-it-work-contant .work-box:before{left:-48px;width:50%}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-affiliate-how-it-works.css.map */