.process__nav__item {
    display: block;
    background-position: center 0;
    background-repeat: no-repeat;
    padding-top: 65px;
    color: #373737;

    transition: none;
}

.process__nav .active .process__nav__item,
.process__nav .process__nav__item:hover {
    font-weight: bold;
    background-position: center -480px;
}

/* Provision */
.process__nav__item--provision {
    background-image: url("//cdn.rd.gt/assets/solutions/db-devops/images/provision-button.svg");
}

/* Develop */
.process__nav__item--develop {
    background-image: url("//cdn.rd.gt/assets/solutions/db-devops/images/develop-button.svg");
}

/* Build */
.process__nav__item--build {
    background-image: url("//cdn.rd.gt/assets/solutions/db-devops/images/build-button.svg");
}

/* Validate */
.process__nav__item--validate {
    background-image: url("//cdn.rd.gt/assets/solutions/db-devops/images/validate-button.svg");
}

/* Packge */
.process__nav__item--package {
    background-image: url("//cdn.rd.gt/assets/solutions/db-devops/images/package-button.svg");
}

/* Release */
.process__nav__item--release {
    background-image: url("//cdn.rd.gt/assets/solutions/db-devops/images/release-button.svg");
}

/* Monitor */
.process__nav__item--monitor {
    background-image: url("//cdn.rd.gt/assets/solutions/db-devops/images/monitor-button.svg");
}

/* Backup */
.process__nav__item--backup {
    background-image: url("//cdn.rd.gt/assets/solutions/db-devops/images/backup-button.svg");
}

/* Floating download form */
.floating-download-form {
    position: relative;
    margin-top: -375px;
    z-index: 1;
}

@media only screen and (max-width: 1200px) {
    .floating-download-form {
        margin-top: -300px;
    }
}
@media only screen and (max-width: 960px) {
    .floating-download-form {
        margin-top: -200px;
    }
}
@media only screen and (max-width: 600px) {
    .floating-download-form {
        margin-top: 0;
    }
}

/* Process pagination (prev/next) */
.process__arrow {
    display: block;
    position: absolute;
    top: 60%;
    width: 150px;
    background-color: #3c85df;
    border-radius: 9999px;
    color: #fff;
}

.process__arrow:hover {
    /*background-color: #2a5e9d;*/
    color: #fff;
}

.process__arrow:before {
    font-family: "Redgate";
    font-size: 70px;
    line-height: 70px;
    position: relative;
}

.process__arrow--prev {
    left: -90px;
}

.process__arrow--prev:hover {
    left: -80px;
}

.process__arrow--prev:before {
    content: "\e606";
    left: 80px;
}

.process__arrow--next {
    right: -90px;
}

.process__arrow--next:hover {
    right: -80px;
}

.process__arrow--next:before {
    content: "\e607";
    left: 0px;
}

@media only screen and (max-width: 1420px) {
    .process__arrow {
        display: none;
    }
}