.refer_developer img,.refer_developer a{user-select:none}.refer_developer h1{font-weight:600;font-size:40px;color:#1D1E25;line-height:48px;text-align:left;margin-bottom:10px}.refer_developer h2{font-weight:600;font-size:40px;color:#1D1E25;line-height:48px}.refer_developer .first_screen{max-width:1206px;margin:auto;margin-top:calc(1.25rem* 3);margin-bottom:185px}.refer_developer .first_screen .decoration{background:rgba(189,196,255,0.24);border-radius:104px;padding:5px 26px;font-weight:400;font-size:20px;color:#1821c6;line-height:25px;vertical-align:sub;max-width:max-content;margin-bottom:-26px;letter-spacing:1px}.refer_developer .first_screen .decoration strong{font-weight:bold;font-family:"DM Sans-Regular";letter-spacing:0px}.refer_developer .first_screen .center{display:flex;align-items:center;justify-content:space-between;width:100%}.refer_developer .first_screen .center .left{max-width:465px;padding-top:46px}.refer_developer .first_screen .center .left .describe{font-weight:400;font-size:20px;color:#7E8492;line-height:32px;text-align:left;margin-bottom:50px}.refer_developer .first_screen .center .left .start_now{display:inline-block;width:max-content;padding:14px 60px;background:#FF9E01;border-radius:15px;font-weight:bold;font-size:20px;color:#FFFFFF;line-height:26px;text-align:center;display:flex;align-items:center;justify-content:center;border:none;outline:none;cursor:pointer}.refer_developer .first_screen .center .left .start_now img{margin-left:8px}.refer_developer .first_screen .center .left .start_now:hover{background:#FF8800}.refer_developer .first_screen .center .right{width:573px;height:433px;display:flex;align-items:center;justify-content:center}.refer_developer .left_img{max-width:1200px;margin:auto;display:flex;align-items:flex-start;justify-content:space-between}.refer_developer .left_img .left{display:flex;align-items:center;justify-content:center}.refer_developer .left_img .right{max-width:591px;text-align:left}.refer_developer .left_img .right h2{margin-bottom:16px}.refer_developer .left_img .right .describe{font-weight:400;font-size:18px;color:#7E8492;line-height:27px;margin-bottom:40px;font-family:'MuktaRegular';letter-spacing:0.4px}.refer_developer .left_img .right a{padding:14px 56px;background:#171717;border-radius:10px;font-weight:bold;font-size:20px;color:#FFFFFF;line-height:26px;text-align:center;outline:none;border:none;cursor:pointer}.refer_developer .left_img .right a:hover{background:#FF9E00}.refer_developer .why_join{margin-bottom:185px}.refer_developer .why_join .left{width:429px;height:338px}.refer_developer .why_join .right{padding-top:28px}.refer_developer .how_work{margin-bottom:216px}.refer_developer .how_work h2{margin-bottom:100px}.refer_developer .how_work .center{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:34px}.refer_developer .how_work .work_box{text-align:center;max-width:345px}.refer_developer .how_work .work_box img{margin-bottom:30px}.refer_developer .how_work .work_box h3{font-weight:bold;font-size:24px;color:#000000;line-height:28px;margin-bottom:11px}.refer_developer .how_work .work_box h3 span{color:#ff9e00}.refer_developer .how_work .work_box .describe{font-weight:400;font-size:16px;color:#7E8492;line-height:26px;min-height:104px}.refer_developer .how_work .text_btn{text-align:center;margin:auto;max-width:max-content;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:20px;color:#FFA008;line-height:26px;cursor:pointer;user-select:none;border-bottom:2px solid transparent}.refer_developer .how_work .text_btn img{margin-left:7px}.refer_developer .how_work .text_btn:hover{border-color:#FFA008}.refer_developer .right_img{max-width:1200px;margin:auto;display:flex;align-items:flex-start;justify-content:space-between}.refer_developer .right_img .right{display:flex;align-items:center;justify-content:center}.refer_developer .right_img .left{max-width:591px;text-align:left}.refer_developer .right_img .left h2{margin-bottom:16px}.refer_developer .right_img .left .describe{font-weight:400;font-size:18px;color:#7E8492;line-height:27px;margin-bottom:40px;font-family:'MuktaRegular';letter-spacing:0.4px}.refer_developer .right_img .left a{padding:14px 56px;background:#171717;border-radius:10px;font-weight:bold;font-size:20px;color:#FFFFFF;line-height:26px;text-align:center;outline:none;border:none;cursor:pointer}.refer_developer .right_img .left a:hover{background:#FF9E00}.refer_developer .example_earnings{margin-bottom:184px}.refer_developer .example_earnings .left{padding-top:18px}.refer_developer .example_earnings .right{width:435px;height:327px}.refer_developer .start_sharing{margin-bottom:158px}.refer_developer .start_sharing .left{width:421px;height:341px}.refer_developer .start_sharing .right{padding-top:33px}.refer_developer .earn_more{background:url(../images/referDeveloper/earn_more_background@2x.png) center/100% 100% no-repeat;padding:70px 0 60px 0}.refer_developer .earn_more h2{max-width:550px;color:#FFFFFF;text-align:center;margin:0 auto 42px auto}.refer_developer .earn_more a{padding:14px 54px;background:#FF9E00;border-radius:10px;font-weight:bold;font-size:20px;color:#FFFFFF;line-height:26px;text-align:center;outline:none;border:none;cursor:pointer}.refer_developer .earn_more a:hover{background-color:#FF9500}@media screen and (max-width: 1440px){.refer_developer .first_screen .right{max-width:537px;height:auto}.refer_developer .first_screen .right img{width:100%;height:auto}}@media screen and (max-width: 1200px){.refer_developer .first_screen .center{justify-content:space-around}.refer_developer .left_img{justify-content:space-around}.refer_developer .left_img .left img{width:100%;height:auto}.refer_developer .left_img .right{max-width:50%}.refer_developer .how_work .center{justify-content:space-around}.refer_developer .how_work .work_box{max-width:32%}.refer_developer .right_img{justify-content:space-around}.refer_developer .right_img .left{max-width:50%}.refer_developer .right_img .right img{width:100%;height:auto}}@media screen and (max-width: 768px){.refer_developer h1{font-size:24px;line-height:26px}.refer_developer h2{font-size:20px;line-height:22px}.refer_developer .first_screen{padding-top:50px;margin-bottom:50px}.refer_developer .first_screen .decoration{margin:auto;font-size:18px;line-height:18px}.refer_developer .first_screen .center{flex-direction:column-reverse;max-width:90%;margin:auto}.refer_developer .first_screen .center .right{width:100%;height:auto}.refer_developer .first_screen .center .left{padding-top:0px}.refer_developer .first_screen .center .left .describe{font-size:16px;line-height:18px;margin-bottom:25px}.refer_developer .first_screen .center .left .start_now{padding:10px 15px;font-size:14px;line-height:16px;border-radius:5px}.refer_developer .left_img{flex-direction:column-reverse;align-items:center}.refer_developer .left_img .left{width:90%;height:auto}.refer_developer .left_img .right{max-width:90%}.refer_developer .left_img .right .describe{margin-bottom:25px;font-size:16px;line-height:18px}.refer_developer .left_img .right a{padding:10px 15px;font-size:14px;line-height:16px;border-radius:5px;margin-bottom:15px}.refer_developer .why_join{margin-bottom:50px}.refer_developer .right_img{flex-direction:column;align-items:center}.refer_developer .right_img .right{width:90%;height:auto}.refer_developer .right_img .left{max-width:90%}.refer_developer .right_img .left .describe{margin-bottom:25px;font-size:16px;line-height:18px}.refer_developer .right_img .left a{padding:10px 15px;font-size:14px;line-height:16px;border-radius:5px;margin-bottom:15px}.refer_developer .example_earnings{margin-bottom:50px}.refer_developer .start_sharing{margin-bottom:50px}.refer_developer .how_work{margin-bottom:50px}.refer_developer .how_work h2{margin-bottom:16px}.refer_developer .how_work .center{flex-direction:column;margin-bottom:15px}.refer_developer .how_work .work_box{max-width:90%;margin-bottom:30px}.refer_developer .how_work .work_box:last-child{margin-bottom:0}.refer_developer .how_work .work_box img{width:45px;height:45px;margin-bottom:15px}.refer_developer .how_work .work_box h3{font-size:14px;line-height:16px}.refer_developer .how_work .work_box .describe{font-size:14px;line-height:16px;min-height:auto}.refer_developer .how_work .text_btn{font-size:14px;line-height:16px}.refer_developer .earn_more h2{width:90%;margin:auto;margin-bottom:15px}.refer_developer .earn_more a{padding:10px 15px;font-size:14px;line-height:16px;border-radius:5px}}
