.three-step-guide .three-step-guide-content {
    justify-content: space-around;
    max-width: 1360px;
    height: 56px
}

@media(min-width: 767.5px) {
    .three-step-guide .three-step-guide-content {
        height: 72px
    }
}

@media(min-width: 1023.5px) {
    .three-step-guide .three-step-guide-content {
        height: 120px
    }
}

.three-step-guide .three-step-guide-content .step .icon {
    width: 24px;
    height: 24px
}

@media(min-width: 767.5px) {
    .three-step-guide .three-step-guide-content .step .icon {
        width: 40px;
        height: 40px
    }
}

@media(min-width: 1023.5px) {
    .three-step-guide .three-step-guide-content .step .icon {
        width: 64px;
        height: 64px
    }
}

.three-step-guide .three-step-guide-content .step .icon.icon-join {
    -webkit-mask: url(../static/images/icon-three-step-guide-join.svg) no-repeat center;
    -webkit-mask-size: contain
}

.three-step-guide .three-step-guide-content .step .icon.icon-deposit {
    -webkit-mask: url(../static/images/icon-three-step-guide-deposit.svg) no-repeat center;
    -webkit-mask-size: contain
}

.three-step-guide .three-step-guide-content .step .icon.icon-play {
    -webkit-mask: url(../static/images/icon-three-step-guide-play.svg) no-repeat center;
    -webkit-mask-size: contain
}

.three-step-guide .three-step-guide-content .arrow {
    height: auto;
    -webkit-mask: url(../static/images/icon-arrow-right.svg) no-repeat center;
    -webkit-mask-size: contain;
    width: 8px
}

@media(min-width: 767.5px) {
    .three-step-guide .three-step-guide-content .arrow {
        width: 16px
    }
}

@media(min-width: 1023.5px) {
    .three-step-guide .three-step-guide-content .arrow {
        width: 24px
    }
}

.mobile-download .mobile-download-image {
    bottom: 64px;
    z-index: 1
}

.mobile-download .mobile-download-content {
    height: 140px;
    padding-left: 343px;
    border-radius: 16px
}