.wrapper.inner,
.wrapper.inner .download-steps a {
    background: var(--color__1);
    color: var(--color__5);
}

.wrapper.inner h1,
.wrapper.inner h2,
.wrapper.inner #download-app-link {
    color: var(--color__3) !important;
}

.download-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 35px;
    row-gap: 145px;
    padding-bottom: 125px;
}

.download-steps>div {
    background: var(--color__2);
    border-radius: 15px;
    position: relative;
    max-width: 487px;
}

.download-steps>div::before {
    content: "1";
    position: absolute;
    top: -23px;
    left: calc(50% - 23px);
    width: 46px;
    height: 46px;
    background: var(--color__3);
    border-radius: 50%;
    display: grid;
    place-content: center;
    font-size: 24px;
    font-weight: bold;
    color: var(--color__5);
    box-shadow: var(--shadow);
}

.download-steps>div:nth-of-type(2)::before {
    content: "2";
}

.download-steps>div:nth-of-type(3)::before {
    content: "3";
}

.download-steps>div span {
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    padding: 0 10%;
    transform: translateY(100%);
}


@media only screen and (max-width: 956px) {
    .download-steps {
        grid-template-columns: repeat(1, 1fr);
    }

    .download-steps > div span {
        padding: 0 15px;
    }
    .wrapper.inner {
        padding-top: 75px;
    }
}