.breadcrumb-custom {
    background-image: url('../../img/about-us/mission/background.jpg');
    background-repeat: no-repeat;
    background-size: cover
}

.mission {
    margin-top: 48px;
    margin-bottom: 48px
}

.mission .first-box {
    margin: 0 0 48px 0
}

.mission h3 {
    font-weight: 300;
    color: black;
    margin: 0 0 8px 0
}

.mission p.small-paragraph {
    color: #434343;
    margin: 0
}

.mission p.small-paragraph:nth-child(2) {
    margin-bottom: 30px
}

.mission .parent {
    margin-bottom: 16px
}

.mission .second-box {
    margin: 0 0 48px 0
}

.mission .img-1 {
    height: 215px
}

.mission .item {
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .16);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .16);
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mission .item i {
    font-size: 33px;
    color: #828282;
    margin-right: 24px
}

.mission .item p.helper {
    margin: 0;
    color: #434343
}

.mission .item h6.hero {
    font: 500 calc(16rem / 16)/calc(24rem / 16) 'Roboto',
    sans-serif;
    color: #262626;
    margin: 0 0 8px 0
}

.mission .third-box ul {
    margin: 0
}

.mission .third-box ul li {
    list-style-type: none;
    margin: 0 0 24px 0
}

.mission .third-box ul li:last-child {
    margin: 0
}

.mission .third-box ul li p {
    margin: 0
}

@media(max-width:991px) {
    .mission .img-1 {
        margin: 24px 0 0 0
    }

    .mission .img-1 {
        height: 100%
    }
}