.whywest-container {
    height: 640px;
    background-image: url(../static/whywest-banner.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@media (max-width: 992px) {
    .whywest-container {
        height:540px;
        background-image: url(../static/whywest-banner.png);
        background-size: cover
    }
}

@media (max-width: 767px) {
    .whywest-container {
        height:460px;
        background-image: url(../static/whywest-banner.png);
        background-size: cover
    }
}

.banner-full {
    height: 100%
}

.banner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.banner-container .banner-title {
    font-size: 24px;
    color: #fff;
    margin: 0 0 30px 0
}

.banner-container .banner-sub-title {
    font-size: 18px;
    color: #fff;
    margin: 0 0 30px 0
}

.banner-container .banner-buttons {
    font-size: 18px
}

@media (max-width: 767px) {
    .banner-container .banner-title {
        font-size:16px
    }

    .banner-container .banner-sub-title {
        font-size: 14px
    }

    .banner-container .banner-buttons {
        font-size: 12px
    }
}
.button-item {
    padding: 0 25px;
    height: 34px;
    line-height: 34px;
    text-decoration: none;
    border-radius: 17px;
    border: 0;
    display: inline-block
}
.button-primary {
    background-color: #eb7524;
    color: #fff
}

.west-delivery {
    padding: 40px 0
}

.west-delivery .west-delivery-img {
    width: 100%
}

.west-delivery .delivery-panel {
    padding-top: 60px
}

.delivery-panel .delivery-title {
    font-size: 24px;
    color: #001e5f;
    margin: 0 0 20px
}

.delivery-panel .delivery-content {
    font-size: 18px;
    line-height: 30px
}

@media (max-width: 992px) {
    .west-delivery .delivery-panel {
        padding-top:10px
    }
}

@media (max-width: 767px) {
    .west-delivery .delivery-panel {
        padding-top:30px
    }

    .delivery-panel .delivery-title {
        font-size: 16px
    }

    .delivery-panel .delivery-content {
        font-size: 14px;
        line-height: 24px
    }
}
.banner-content {
    position: relative;
    height: 100%
}


.west-warehouse {
    height: 540px;
    background-color: #001e5f
}

.west-warehouse-text {
    padding-top: 80px;
    color: #fff
}

.west-warehouse-text .west-warehouse-title {
    font-size: 24px;
    margin-bottom: 20px
}

.west-warehouse-text .west-warehouse-desc-text {
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 20px
}

.west-warehouse-text .text-strong {
    font-weight: 700
}


.whywest-infos {
    padding: 80px 0 60px
}

.west-warehouse-img {
    width: 100%;
    border-radius: 15px;
    margin-bottom: 40px
}
.text-shadow {
    text-shadow: 0 10px 10px rgba(0, 0, 0, .24);
}
.west-warehouse-desc-response .west-warehouse-title {
    font-size: 24px;
    color: #001e5f;
    margin: 0 0 20px
}

.west-warehouse-desc-response .west-warehouse-desc-text {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px
}

.west-warehouse-desc-response .text-strong {
    font-weight: 700
}

@media (max-width: 992px) {
    .whywest-infos {
        padding:50px 0
    }

    .west-warehouse-desc-response .west-warehouse-title {
        font-size: 24px;
        color: #001e5f;
        margin: 0 0 30px
    }

    .west-warehouse-desc-response .west-warehouse-desc-text {
        font-size: 18px;
        line-height: 35px;
        margin-bottom: 20px
    }

    .west-warehouse-desc-response .text-strong {
        font-weight: 700
    }
}

@media (max-width: 767px) {
    .whywest-infos {
        padding:40px 0
    }

    .west-warehouse-desc-response .west-warehouse-title {
        font-size: 16px;
        color: #001e5f;
        text-align: center;
        margin: 0 0 10px
    }

    .west-warehouse-desc-response .west-warehouse-desc-text {
        font-size: 12px;
        line-height: 24px;
        margin-bottom: 12px
    }

    .west-warehouse-desc-response .text-strong {
        font-weight: 700
    }
}

.system-prev-item {
    width: 100%
}

.system-row {
    padding: 40px 0
}

.system-prev-item .system-preview {
    width: 100%;
    border-radius: 15px;
    height: auto
}

.system-prev-title {
    margin: 0 0 10px;
    font-size: 24px;
    color: #001e5f
}

.system-stepbar {
    position: relative;
    padding-top: 30px
}

.system-stepbar .step-name-bar {
    overflow: hidden;
    padding-top: 30px;
    border-top: 3px solid #d5d6d8
}

.system-stepbar .steps-box {
    width: 25%;
    text-align: center;
    position: absolute;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    left: 0;
    top: 19px
}

.system-stepbar .step-0 {
    left: 0
}

.system-stepbar .step-1 {
    left: 25%
}

.system-stepbar .step-2 {
    left: 50%
}

.system-stepbar .step-3 {
    left: 75%
}

.system-stepbar .steps-bar {
    width: 100px;
    height: 6px;
    background-color: #001e5f;
    display: inline-block
}

.step-name-bar .step-name {
    width: 25%;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #001e5f;
    font-weight: 700;
    cursor: pointer
}

.step-name-bar .active {
    color: #eb7524
}

.step-content-block {
    padding: 20px 0 0;
    font-size: 18px;
    line-height: 30px
}

@media (max-width: 992px) {
    .system-prev-title {
        margin:30px 0 10px
    }
}

@media (max-width: 767px) {
    .system-prev-title {
        margin:20px 0 10px;
        font-size: 16px
    }

    .step-name-bar .step-name {
        font-size: 12px
    }

    .step-content-block {
        font-size: 12px;
        line-height: 24px
    }
}

.qualifications-img {
    width: 100%;
    height: auto
}