.company_vision h3,
.our_mission::before {
    position: absolute;
    top: 50%;
    translate: 0 -50%
}

.vision_mission {
    background: url('assets/images/vision_mission/vision_mission_bg.png') bottom/cover no-repeat;
    height: 100%;
    min-height: 580px
}

.company_left,
.company_right,
.mission_content-bg {
    background: var(--secondary-color)
}

.vision_mission-content p {
    font-size: 18px
}

.company_vision h3 {
    width: 100%;
    text-align: center;
    opacity: .7
}

.company_vision .header-title+p {
    max-width: 65%;
    margin: 15px auto
}

.company_vision ul {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%
}

.company_vision ul li {
    position: relative;
    padding-left: 15px
}

.company_vision ul li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: var(--primary-color)
}

.company_left {
    width: 50%;
    color: #fff;
    border-radius: 0 100px 100px 0
}

.company_left div div {
    max-width: 500px;
    padding: 20px 0 20px 20px;
    margin-left: auto
}

.company_left h5,
.company_right h5 {
    font-size: 21px
}

.company_left p,
.company_right p {
    color: #cbcbcb;
    line-height: 30px
}

.company_right {
    width: 50%;
    color: #fff;
    border-radius: 100px 0 0 100px
}

.company_right div div {
    max-width: 500px;
    padding: 20px 20px 20px 0;
    margin-right: auto
}

.our_mission::before {
    content: '';
    left: 0;
    width: 15%;
    height: 35%;
    background: var(--primary-color);
    border-radius: 0 230px 230px 0;
    filter: blur(195px);
    z-index: -1
}

.mission_content-bg::before,
.value_num::before {
    content: '';
    position: absolute;
    left: 50%;
    translate: -50% 0
}

.mission_content-bg {
    width: calc(100% / 4);
    border-radius: 12px;
    padding: 15px
}

.mission_content-bg::before {
    top: -10px;
    width: 100px;
    height: 10px;
    background: var(--primary-color);
    border-radius: 8px 8px 0 0
}

.mission_content-bg h5 {
    margin: 20px 0
}

.mission_content-bg p {
    font-size: 14px;
    color: #ccc
}

.mission_content-bg+div img {
    min-width: 75px
}

.mission_content-bg.last_one {
    width: calc((100% / 2) - 37px);
    margin: 25px auto 0
}

.our_values {
    padding: 6rem 0 0
}

.value_num::before {
    top: 45px;
    height: 70%;
    width: 2px;
    background: linear-gradient(transparent, #757575, transparent);
    padding: 1px
}

li:last-child .value_num::before {
    display: none
}

.value_num span {
    position: relative;
    display: inline-grid;
    place-content: center;
    width: 35px;
    height: 35px;
    background: #cacaca
}

.value_num+div p {
    padding: 15px 0
}