/*
 * half box include style template.
 */
.no-padding {
    padding: 0!important;
}

.align-item-center {
    align-items: center;
}

.half-box {
    width: 100%;
    display: flex;
}

.half-box .first-box,
.half-box .second-box {
    width: 50%;
    padding: 2em 5%;
    display: flex;
}

.half-box .text-section {
    padding: 0;
    text-align: left;
}

@media screen and (max-width: 768px) {
    .half-box {
        flex-direction: column;
    }
    
    .half-box .first-box,
    .half-box .second-box {
        width: 100%;
    }

    .half-box .second-box .map-section {
        height: 30vh;
    }

    .half-box .first-box {
        order: 1;
    }

    .half-box .second-box {
        order: 2;
        padding-top: 0;
    }

    .half-box .second-box.bg-light-blue {
        order: 3;
    }

    .careers .half-box .first-box,
    .mission-2 .half-box .first-box {
        order: 1;
    }

    .careers .half-box .second-box,
    .mission-2 .half-box .second-box {
        order: 2;
    }

    .half-box .text-section p,
    .half-box .text-section h1 {
        color: var(--white);
    }
}

@media screen and (max-width: 576px) {
    .half-box .text-section p,
    .half-box .text-section h1 {
        color: var(--black);
    }

    .about .half-box .text-section p,
    .about .half-box .text-section h1,
    .mission-1 .half-box .text-section p,
    .mission-1 .half-box .text-section h1,
    .mission-2 .half-box .text-section p,
    .mission-2 .half-box .text-section h1 {
        color: var(--white);
    }

    .half-box .second-box .map-section {
        height: 50vh;
    }
}