.text-center {
    text-align: center
}

@media screen and (max-width: 768px) {
    .text-center {
        text-align: left
    }
}

.bg-discovery-phase {
    background: url(../img/page-head-banner-small.jpg) center no-repeat #6D6F75;
    background-size: cover;
    padding:24px;
}

@media screen and (max-width: 992px) {
    .bg-discovery-phase {
        background-image: url(../img/page-head-banner-small.jpg)
    }
}

@media screen and (max-width: 576px) {
    .bg-discovery-phase {
        background-image: url(../img/page-head-banner-small.jpg)
    }
}

.bg-discovery-phase .container-common {
    position: relative;
    padding-top: 26px;
    padding-bottom: 12px;
    z-index: 2
}

@media screen and (max-width: 576px) {
    .bg-discovery-phase .container-common {
        padding-top: 148px;
        padding-bottom: 3rem
    }
}

.bg-discovery-phase p {
    max-width: 70%
}

@media screen and (max-width: 576px) {
    .bg-discovery-phase p {
        padding-bottom: 90px
    }
}

.bg-discovery-phase .btn-color {
    width: 246px
}

@media screen and (max-width: 576px) {
    .bg-discovery-phase .btn-color {
        width: 100%
    }
}

.main-goals .container-common {
    padding-top: 35px
}

.main-goals .main-goals-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px
}

@media screen and (max-width: 992px) {
    .main-goals .main-goals-content {
        background-size: auto 100%
    }
}

@media screen and (max-width: 768px) {
    .main-goals .main-goals-content {
        background-image: none;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 30px
    }
}

.main-goals .main-goals-content__image {
    display: none
}

@media screen and (max-width: 768px) {
    .main-goals .main-goals-content__image {
        display: block;
        width: 100%;
        margin-bottom: 18px
    }
}

.main-goals .main-goals-content h3 {
    max-width: 232px;
    width: 100%;
    font: 26px/32px "Heebo-Bold", sans-serif;
    padding-bottom: 30px
}

@media screen and (max-width: 768px) {
    .main-goals .main-goals-content h3 {
        max-width: 100%;
        padding-bottom: 10px
    }
}

.main-goals .main-goals-content ul {
    max-width: 232px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .main-goals .main-goals-content ul {
        max-width: 100%
    }
}

.main-goals .main-goals-content ul li {
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 24px;
    color: #626570
}

@media screen and (max-width: 768px) {
    .main-goals .main-goals-content ul li {
        margin-bottom: 20px
    }
}

.main-goals .main-goals-content ul li:before {
    position: relative;
    content: "";
    min-width: 3px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #626570;
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block
}

.main-goals .main-goals-content__left,
.main-goals .main-goals-content__right {
    width: 50%;
    padding: 66px 90px
}

@media screen and (max-width: 1080px) {
    .main-goals .main-goals-content__left,
    .main-goals .main-goals-content__right {
        padding: 35px 0
    }
}

@media screen and (max-width: 768px) {
    .main-goals .main-goals-content__left,
    .main-goals .main-goals-content__right {
        width: 100%;
        padding: 0 0 18px
    }
}

.main-goals .main-goals-content__right h3,
.main-goals .main-goals-content__right ul {
    margin-left: auto
}

.phase-needed .container-common {
    padding-top: 90px
}

@media screen and (max-width: 992px) {
    .phase-needed .container-common {
        padding-top: 20px
    }
}

.phase-needed .phase-needed-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px
}

@media screen and (max-width: 576px) {
    .phase-needed .phase-needed-content {
        margin-top: 30px
    }
}

.phase-needed .phase-needed-content li {
    width: calc(100%/3 - 23px);
    font: 18px/24px "Heebo-Medium", sans-serif;
    padding: 24px;
    border-top: 1px solid #F1F2F2;
    text-align: center
}

@media screen and (max-width: 768px) {
    .phase-needed .phase-needed-content li {
        width: calc(100%/2 - 12px)
    }
}

@media screen and (max-width: 576px) {
    .phase-needed .phase-needed-content li {
        width: 100%;
        text-align: left;
        padding: 20px 0 44px
    }
}

.phase-needed .phase-needed-content li:last-child,
.phase-needed .phase-needed-content li:nth-last-child(2) {
    /*color: #154c79;*/
    background: linear-gradient(180deg, rgba(44, 170, 77, 0.04) 0%, rgba(44, 170, 77, 0) 100%)
}

.phase-needed .btn-color {
    margin: 25px auto auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 192px
}

@media screen and (max-width: 576px) {
    .phase-needed .btn-color {
        width: 100%
    }
}

.phase-needed .btn-color:hover,
.phase-needed .btn-color:focus {
    background: #154c79
}

.phase-needed .btn-color:active {
    background: #154c79
}

@media screen and (max-width: 768px) {
    .steps-section {
        background-color: #f5f6f8;
        background-size: 100% auto
    }
}

.steps-section .container-common {
    margin-top: 100px;
    padding: 48px 35px 460px;
    border-radius: 2px;
    /*no-repeat center bottom #f5f6f8; */
    background-size: 100% aut o
}

@media screen and (max-width: 768px) {
    .steps-section .container-common {
        margin-top: 44px;
        padding: 48px 0 240px 15px;
        background: none
    }
}

.steps-section .steps-block {
    position: relative;
    margin-top: 72px;
    margin-bottom: 43px
}

@media screen and (max-width: 768px) {
    .steps-section .steps-block {
        margin-top: 25px
    }
}

@media screen and (max-width: 576px) {
    .steps-section .steps-block {
        margin-bottom: 13px
    }
}

.steps-section .steps-block:before {
    position: absolute;
    content: "";
    top: 0;
    left: calc(50% - 1px);
    width: 2px;
    height: 100%;
    background: #154c79;
    z-index: 1
}

@media screen and (max-width: 576px) {
    .steps-section .steps-block:before {
        display: none
    }
}

.steps-section .steps-block:after {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    left: calc(50% - 9px);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-left: 2px solid #154c79;
    border-bottom: 2px solid #154c79;
    bottom: 3px
}

@media screen and (max-width: 576px) {
    .steps-section .steps-block:after {
        display: none
    }
}

.steps-section .steps-block .step-marker {
    position: absolute;
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #154c79;
    color: #fff;
    font-size: 16px;
    line-height: 37px;
    vertical-align: middle;
    text-align: center;
    z-index: 2
}

.steps-section .steps-block .step-content {
    position: relative;
    width: 50%;
    padding-bottom: 25px
}

@media screen and (max-width: 576px) {
    .steps-section .steps-block .step-content {
        width: 100%;
        border-left: 2px solid #154c79
    }
}

@media screen and (max-width: 576px) {
    .steps-section .steps-block .step-content:last-child {
        border-left: none
    }
}

.steps-section .steps-block .step-content:after {
    position: absolute;
    content: "";
    height: 1px;
    background: #154c79;
    top: 16px
}

.steps-section .steps-block .step-content h3 {
    font: 26px/32px "Heebo-Bold", sans-serif;
    color: #154c79;
    padding-bottom: 5px
}

.steps-section .steps-block .step-content .step-description {
    font-size: 16px;
    line-height: 24px
}

.steps-section .steps-block .step-content .step-description span {
    font-family: "Heebo-Medium", sans-serif;
    display: inline-block;
    padding-bottom: 10p x
}

.steps-section .steps-block .step-content .step-description p {
    font-size: 16px;
    color: #72757e
}

.steps-section .steps-block .step-content .step-marker {
    top: 0
}

@media screen and (min-width: 577px) {
    .steps-section .steps-block .step-lef t {
        margin-right: auto;
        padding-right: 64px
    }
}

@media screen and (max-width: 576px) {
    .steps-section .steps-block .step-left {
        padding-left: 28p x
    }
}

@media screen and (min-width: 577px) {
    .steps-section .steps-block .step-left:after {
        right: 0
    }
}

@media screen and (max-width: 576px) {
    .steps-section .steps-block .step-left:after {
        display: none
    }
}

@media screen and (min-width: 577px) {
    .steps-section .steps-block .step-left:nth-child(1):after {
        width: 64%
    }
}

@media screen and (min-width: 577px) {
    .steps-section .steps-block .step-left:nth-child(3):after {
        width: 32%
    }
}

@media screen and (min-width: 577px) {
    .steps-section .steps-block .step-left:nth-child(5):after {
        width: 21%
    }
}

@media screen and (min-width: 577px) {
    .steps-section .steps-block .step-left:nth-child(7):after {
        width: 42%
    }
}

@media screen and (min-width: 577px) {
    .steps-section .steps-block .step-left:nth-child(9):after {
        width: 28%
    }
}

@media screen and (min-width: 577px) {
    .steps-section .steps-block .step-left h3 {
        margin-right: 15%
    }
}

@media screen and (min-width: 577px) {
    .steps-section .steps-block .step-left .step-marker {
        right: -16px
    }
}

@media screen and (max-width: 576px) {
    .steps-section .steps-block .step-left .step-marker {
        left: -17px
    }
}

.steps-section .steps-block .step-righ t {
    margin-left: auto;
    padding-left: 64px
}

@media screen and (max-width: 576px) {
    .steps-section .steps-block .step-righ t {
        padding-left: 28px
    }
}

.steps-section .steps-block .step-right:after {
    left: 0;
    width: 45px
}

@media screen and (max-width: 576px) {
    .steps-section .steps-block .step-right:after {
        display: none
    }
}

.steps-section .steps-block .step-right .step-marker {
    left: -17px
}

@media screen and (min-width: 577px) {
    .steps-section .steps-block .step-content:nth-child(3) {
        margin-top: -125px
    }
}

@media screen and (min-width: 577px) {
    .steps-section .steps-block .step-content:nth-child(4) {
        margin-top: -20px
    }
}

@media screen and (min-width: 577px) {
    .steps-section .steps-block .step-content:nth-child(5) {
        margin-top: -92px
    }
}

@media screen and (min-width: 577px) {
    .steps-section .steps-block .step-content:nth-child(6) {
        margin-top: -20px
    }
}

@media screen and (min-width: 577px) {
    .steps-section .steps-block .step-content:nth-child(7) {
        margin-top: -178px
    }
}

@media screen and (min-width: 577px) {
    .steps-section .steps-block .step-content:nth-child(8) {
        margin-top: 19px
    }
}

@media screen and (min-width: 577px) {
    .steps-section .steps-block .step-content:nth-child(9) {
        margin-top: -92px;
        padding-bottom: 69px
    }
}

.steps-section .steps-belo w {
    text-align: cente r
}

.steps-section .steps-below h3 {
    font: 26px/32px "Heebo-Bold", sans-serif;
    margin-bottom: 24px
}

.steps-section .steps-below .btn {
    max-width: 192px;
    width: 100%
}

@media screen and (max-width: 576px) {
    .steps-section .steps-below .btn {
        max-width: 100%
    }
}

.steps-section .steps-below .btn:hover,
.steps-section .steps-below .btn:focus {
    background: #154c79
}

.steps-section .steps-below .btn:active {
    background: #154c79
}

.phase-deliverables .container-common {
    padding-top: 100px
}

@media screen and (max-width: 768px) {
    .phase-deliverables .container-common {
        padding-top: 60px
    }
}

.phase-deliverables .phase-deliverables-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

@media screen and (max-width: 992px) {
    .phase-deliverables .phase-deliverables-blocks {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.phase-deliverables .phase-deliverables-blocks__item {
    position: relative;
    width: calc(100%/5 - 8px);
    border: 1px solid #E7E7E7;
    padding: 30px 15px 125px
}

@media screen and (max-width: 992px) {
    .phase-deliverables .phase-deliverables-blocks__item {
        width: 100%;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 768px) {
    .phase-deliverables .phase-deliverables-blocks__item {
        margin-bottom: 10px
    }
}

.phase-deliverables .phase-deliverables-blocks__item .icon {
    margin-bottom: 20px
}

.phase-deliverables .phase-deliverables-blocks__item p {
    line-height: 24px;
    color: #1F2432
}

@media screen and (max-width: 768px) {
    .phase-deliverables .phase-deliverables-blocks__item p {
        line-height: 23px
    }
}

.phase-deliverables .phase-deliverables-blocks__item .btn {
    position: absolute;
    color: #154c79;
    background: #E9F6ED;
    align-self: flex-end;
    margin: auto;
    bottom: 30px;
    left: 0;
    right: 0;
    max-width: 168px;
    width: calc(100% - 30px);
    display: none
}

@media screen and (max-width: 992px) {
    .phase-deliverables .phase-deliverables-blocks__item .btn {
        margin-left: 15px
    }
}

@media screen and (max-width: 768px) {
    .phase-deliverables .phase-deliverables-blocks__item .btn {
        max-width: 100%
    }
}

.phase-deliverables .phase-deliverables-blocks__item .btn:hover,
.phase-deliverables .phase-deliverables-blocks__item .btn:focus {
    background: #154c79;
    color: #fff
}

.phase-deliverables .phase-deliverables-blocks__item .btn:active {
    background: #154c79;
    color: #fff
}

.looking-bg-devop s {
    padding-top: 100px
}

@media screen and (max-width: 768px) {
    .looking-bg-devop s {
        padding-top: 50px
    }
}

.looking-bg-devops .container-commo n {
    background: url(../img/img-devopscta@2x.jpg) center right no-repeat #154c79;
    background-size: auto 100%
}

@media screen and (max-width: 576px) {
    .looking-bg-devops .container-common {
        padding: 20px 23px 30px
    }
}

@media screen and (max-width: 992px) {
    .looking-bg-devops .looking__description {
        padding-top: 195px;
        padding-bottom: 10px
    }
}

.fa q {
    padding-top: 100px
}

@media screen and (max-width: 768px) {
    .fa q {
        padding-top: 50px
    }
}

.reasons-choos e {
    border-bottom: none
}

.reasons-choose .container-commo n {
    padding-top: 85px
}

@media screen and (max-width: 768px) {
    .reasons-choose .container-commo n {
        padding-top: 50p
    }
}