.onboarding{align-items:center;display:flex;flex-direction:column;gap:20px;padding:20px 0;position:relative;text-align:center}.onboarding__arrow{cursor:pointer;transition:opacity .2s;width:16px}.onboarding__arrow:hover{opacity:.7}.onboarding__arrows{bottom:-10px;display:none;gap:20px;left:50%;position:absolute;transform:translate(-50%);width:-moz-fit-content;width:fit-content;z-index:50}@media screen and (max-width:500px){.onboarding__arrows{display:flex}}.onboarding__star{position:absolute}.onboarding__star--gray{width:243px}@media screen and (max-width:500px){.onboarding__star--gray{display:none}}.onboarding__star--gray:first-child{left:-15%;top:15%}.onboarding__star--gray:nth-child(2){right:-15%;top:-5%}.onboarding__text{align-items:center;display:flex;flex-direction:column;gap:30px;z-index:5}.onboarding__steps{margin-top:10px;width:100%}.onboarding__title{align-items:center;display:flex;font-family:SF Pro Display;font-size:24px;font-weight:500;gap:10px;letter-spacing:3%;line-height:28.64px}@media screen and (max-width:500px){.onboarding__title{font-family:SF Pro Display;font-size:24px;font-weight:500;letter-spacing:3%;line-height:100%}}.onboarding__title-icon{width:30px}.onboarding__subtitle{font-family:SF Pro Display;font-size:60px;font-weight:800;letter-spacing:0;line-height:64px;text-align:center}@media screen and (max-width:500px){.onboarding__subtitle{font-family:SF Pro Display;font-size:40px;font-weight:800;letter-spacing:0;line-height:100%;text-align:center}}.onboarding__desc{font-family:SF Pro Display;font-size:20px;font-weight:500;letter-spacing:3%;line-height:23.87px;max-width:442px;text-align:center}@media screen and (max-width:500px){.onboarding__desc{font-family:SF Pro Display;font-size:20px;font-weight:500;letter-spacing:3%;line-height:100%;text-align:center}}.onboarding .gold-first{left:300px;rotate:30deg;top:180px;width:15px}.onboarding .gold-second{bottom:150px;right:220px;rotate:-30deg;width:15px}.onboarding .mini-first{left:20px;rotate:-30deg;top:20px;width:30px}.onboarding .mini-second{bottom:150px;right:20px;rotate:30deg;width:30px}.steps-wrapper{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.steps-wrapper::-webkit-scrollbar{display:none}