.corporate_why_us_master_container {
    width: 100%;
    position: relative;
}

.corporate_why_us_item:nth-of-type(odd) {
    --corporate_why_us_bg: #efefef;
}

.corporate_why_us_item:nth-of-type(even) {
    --corporate_why_us_bg: #fcf9f0;
}

.corporate_why_us_item {
    width: 100%;
    /* height: 40vh; */
    position: relative;
    background-color: var(--corporate_why_us_bg);
    padding: 6vh 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
}

.corporate_why_us_item::before {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    width: 6px;
    height: 6vh;
    background-color: #4d4a44;
    border-radius: 0 0 5px 5px;
    content: "";
}

.corporate_why_us_item:first-of-type::before,
.corporate_why_us_item:last-of-type::after {
    display: none;
}

.corporate_why_us_item::after {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    width: 6px;
    height: 6vh;
    background-color: #4d4a44;
    border-radius: 5px 5px 0 0;
    content: "";
}

.corporate_why_us_item_inner {
    flex: 0 1 40%;
    /* height: 38vh; */
    margin: 0;
    /* background-color: #90c057; */
    /* border-radius: 50%; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    /* -webkit-box-shadow: -4px 10px 23px -6px rgba(0, 0, 0, 0.76); */
    /* -moz-box-shadow: -4px 10px 23px -6px rgba(0, 0, 0, 0.76); */
    /* box-shadow: -4px 10px 23px -6px rgba(0, 0, 0, 0.76); */
}

.corporate_why_us_title {
    padding: 0 0 2vh 0;
    text-align: center;
    width: 95%;
    margin: 0 auto;
    position: relative;
    font: 700 calc(var(--corporate_default_font_size) * var(--corporate_how_we_do_it_title)) 'Geologica', sans-serif;
    color: #fff;
}

.corporate_why_us_text {
    position: relative;
    text-align: center;
    width: 95%;
    margin: 0 auto;
    font: 400 var(--corporate_default_font_size) 'Jura', sans-serif;
    padding: 0;
    color: #4d4a44;
}

.corporate_why_us_icon_container {
    flex: 0 1 25%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.corporate_why_us_icon {
    width: 60%;
    position: relative;
    filter: invert(60%) sepia(82%) saturate(274%) hue-rotate(45deg) brightness(101%) contrast(86%);
}

.corporate_why_us_year {
    position: relative;
    text-align: center;
    width: 95%;
    margin: 0 auto;
    font: 900 calc(var(--corporate_default_font_size) * var(--corporate_why_us_year)) 'Effra', sans-serif;
    padding: 0;
    color: #4d4a44;
    transform: rotate(-5deg);
    -webkit-text-fill-color: #77524C;
    /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: #4d4a44;
}

.corporate_why_us_placeholder {
    flex: 0 1 25%;
    height: 38vh;
    position: relative;
}

.corporate_why_us_placeholder_image {
    width: 100%;
    height: 100%;
    position: relative;
    object-fit: cover;
    -webkit-box-shadow: -4px 10px 23px -6px rgba(0, 0, 0, 0.76);
    -moz-box-shadow: -4px 10px 23px -6px rgba(0, 0, 0, 0.76);
    box-shadow: -4px 10px 23px -6px rgba(0, 0, 0, 0.76);
}

.corporate_why_us_item:nth-of-type(even) .corporate_why_us_placeholder {
    order: 0;
}

.corporate_why_us_item:nth-of-type(even) .corporate_why_us_item_inner {
    order: 1;
}

.corporate_why_us_item:nth-of-type(even) .corporate_why_us_icon_container {
    order: 2;
}

@media screen and (max-width: 1280px) {
    .corporate_why_us_item {
        padding: 7vh 0;
        height: unset;
    }
    .corporate_why_us_icon_container {
        display: none;
    }
    .corporate_why_us_item_inner {
        flex: 0 1 100%;
        z-index: 9;
    }
    .corporate_why_us_placeholder {
        flex: unset;
        height: 100%;
        position: absolute;
        width: 100%;
        object-fit: cover;
        z-index: 0;
        opacity: 0.1;
    }
    .corporate_why_us_text {
        color: #000;
        padding: 1vh 0;
    }
}

@media screen and (orientation: portrait) and (max-width: 500px) {}

@media screen and (orientation: landscape) and (max-width: 900px) {}

@media screen and (orientation: portrait) and (min-width: 500px) and (max-width: 1050px) {}

@media screen and (orientation: landscape) and (min-width: 900px) and (max-width: 1250px) {}