.rl-download {
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    gap: 24px;
    padding: 0 50px;
    box-sizing: border-box;
    .download-app {
        display: flex;
        flex-direction: column;
        gap: 36px;
        padding: 36px 0;
        box-sizing: border-box;
        .app-detail {
            display: flex;
            flex-direction: column;
            gap: 24px;
            button {
                width: fit-content;
                background: rgba(var(--c-mjx), .1);
                border-radius: 8px;
                -webkit-border-radius: 8px;
                border: none;
                box-sizing: border-box;
                color: var(--c-mj);
                font-size: 16px;
                font-family: p300;
                padding: 10px 24px;
                &:not(:disabled):hover {
                    background: rgba(var(--c-mjx), .2);
                }
            }
            h1 {
                font-size: 36px;
                font-family: p500;
                text-transform: capitalize;
                color: var(--c-b);
                span {
                    color: var(--c-mj);
                    text-transform: uppercase;
                    letter-spacing: 3px;
                }
            }
            p {
                font-size: 14px;
                font-family: p300;
            }
            img {
                height: 50px;
                &:hover {
                    cursor: pointer;
                }
            }
        }
    }
    .app-example {
        img {
            height: 300px;
        }
    }
}

@media screen and (min-width: 0px) {
    .rl-download {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .rl-download .download-app {
        zoom: .8;
    }
    .rl-download .app-example img {
        height: 240px;
    }
}
@media screen and (min-width: 576px) {
    .rl-download .download-app {
        zoom: 1
    }
    .rl-download .app-example img {
        height: 300px;
    }
}
@media screen and (min-width: 768px) {
    .rl-download {
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-end;
    }
    .rl-download .app-example img {
        height: 240px;
    }
}
@media screen and (min-width: 992px) {
    .rl-download .app-example img {
        height: 300px;
    }
}
@media screen and (min-width: 1200px) {
}
@media screen and (min-width: 1400px) {
}