.sectionInner,
.sectionInner * {
    margin            : 0;
    padding           : 0;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none
}

.sectionInner a,
.sectionInner a:focus,
.sectionInner a:visited {
    text-decoration: none;
    outline        : 0;
    text-decoration: none;
    color          : inherit
}

.sectionInner {
    max-width: 1170px;
    margin   : 0 auto;
    height   : 100%
}

.pageTitle {
    margin     : 40px 0 120px 0;
    font-family: Almoni, sans-serif;
    font-weight: 700;
    font-size  : 28px;
    line-height: 28px
}

.whyChoose .sectionInner {
    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    : center;
    -ms-flex-align       : center;
    align-items          : center;
    -webkit-box-pack     : center;
    -ms-flex-pack        : center;
    justify-content      : center
}

.whyChoose .reason {
    margin               : 0 0 160px 0;
    width                : 100%;
    height               : 250px;
    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -webkit-box-orient   : horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction   : row;
    flex-direction       : row;
    -webkit-box-align    : center;
    -ms-flex-align       : center;
    align-items          : center;
    -webkit-box-pack     : justify;
    -ms-flex-pack        : justify;
    justify-content      : space-between;
    position             : relative
}

.whyChoose .reason_imgAndNumber {
    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -webkit-box-orient   : horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction   : row;
    flex-direction       : row;
    -webkit-box-align    : center;
    -ms-flex-align       : center;
    align-items          : center;
    -webkit-box-pack     : end;
    -ms-flex-pack        : end;
    justify-content      : flex-end;
    width                : 50%;
    height               : 100%
}

.whyChoose .reason_imgAndNumber-img {
    position: absolute;
    left    : 0;
    z-index : 2;
    height  : auto;
    width   : 43%
}

.whyChoose .reason_imgAndNumber-number {
    height              : 100%;
    width               : 50%;
    background-color    : #758495;
    -webkit-transform   : rotate(180deg);
    -ms-transform       : rotate(180deg);
    transform           : rotate(180deg);
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode    : tb-lr;
    writing-mode        : vertical-lr;
    text-align          : end;
    color               : #9aa7b7;
    font-family         : Almoni, sans-serif;
    font-weight         : 900;
    font-size           : 50px;
    line-height         : 50px;
    padding             : 10px;
    position            : relative
}

.whyChoose .reason_imgAndNumber-number::before {
    content          : "";
    display          : block;
    background-color : #9aa7b7;
    height           : 3px;
    width            : 100px;
    position         : absolute;
    bottom           : 53%;
    left             : -18px;
    -webkit-transform: rotate(90deg);
    -ms-transform    : rotate(90deg);
    transform        : rotate(90deg)
}

.whyChoose .reason_text {
    height               : 100%;
    -webkit-box-shadow   : 0 5px 20px rgba(0, 0, 0, .35);
    box-shadow           : 0 5px 20px rgba(0, 0, 0, .35);
    padding              : 34px;
    width                : 50%;
    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     : start;
    -ms-flex-pack        : start;
    justify-content      : flex-start
}

.whyChoose .reason_text-title {
    margin     : 0 0 30px 0;
    font-family: Almoni, sans-serif;
    font-weight: 700;
    font-size  : 15px;
    line-height: 15px
}

.whyChoose .reason_text-item {
    font-family: Almoni, sans-serif;
    font-weight: 400;
    font-size  : 14px;
    line-height: 14px
}

.whyChoose .reason:nth-child(even) {
    -webkit-box-orient   : horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction   : row-reverse;
    flex-direction       : row-reverse
}

.whyChoose .reason:nth-child(even) .reason_imgAndNumber {
    -webkit-box-pack: start;
    -ms-flex-pack   : start;
    justify-content : flex-start
}

.whyChoose .reason:nth-child(even) .reason_imgAndNumber-img {
    left : auto;
    right: 0
}

.whyChoose .reason:nth-child(even) .reason_imgAndNumber-number {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode    : tb-rl;
    writing-mode        : vertical-rl
}

.whyChoose .reason:nth-child(even) .reason_imgAndNumber-number::before {
    right: -14px;
    left : auto



}

/* mobile */
@media (max-width:1170px) {
    .sectionInner {
        margin : 0;
        padding: 0 20px;
        width  : 100%
    }
}

@media (max-width:1000px) {
    .whyChoose .reason {
        height: 310px
    }
}

@media (max-width:850px) {
    .whyChoose .reason {
        -webkit-box-orient   : vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction   : column !important;
        flex-direction       : column !important;
        height               : auto;
        margin               : 0 0 130px 0
    }

    .whyChoose .reason_imgAndNumber {
        width   : 100%;
        position: relative;
        margin  : 0 0 16% 0
    }

    .whyChoose .reason_imgAndNumber-number {
        -webkit-transform   : none !important;
        -ms-transform       : none !important;
        transform           : none !important;
        -webkit-writing-mode: unset !important;
        -ms-writing-mode    : unset !important;
        writing-mode        : unset !important;
        width               : 100% !important
    }

    .whyChoose .reason:nth-child(even) .reason_imgAndNumber-number {
        text-align: left
    }

    .whyChoose .reason_imgAndNumber-number::before {
        display: none
    }

    .whyChoose .reason_text {
        width             : 100%;
        -webkit-box-shadow: none;
        box-shadow        : none;
        padding           : 0
    }
}

@media (max-width:568px) {
    .pageTitle {
        margin: 0 0 90px 0
    }

    .whyChoose .reason {
        margin: 0 0 80px 0
    }
}

@media (max-width:420px) {
    .pageTitle {
        margin: 0 0 60px 0
    }

    .whyChoose .reason {
        margin: 0 0 60px 0
    }
}

@media (max-width:370px) {
    .pageTitle {
        margin: 0 0 40px 0
    }
}