.our-team {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 4.5vw;
}

.team-members {
    background-color: var(--white);
}

.team-members img {
    float: right;
    margin: 2.5em 2.5em 1em 2em;
    width: 33.5%;
}

.team-members .text {
    margin: 7%;
    font-size: 0.8em;
    line-height: 1.9;
}

.team-members h5 {
    color: var(--gray);
    font: bold 1.7em 'Poppins', sans-serif;
    margin-bottom: 0.2em;
    margin-top: 0;
    line-height: 1;
}

.team-members h6 {
    font: bold 1.05em 'Poppins', sans-serif;
    color: var(--light-gray);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-top: 0;
    margin-bottom: 0.5em;
}

.team-members p {
    font-size: max(calc(0.85em + 0.25vw), 16px);
}

.why-choose-us {
    padding: 3.5vw 0;
}

.gray-bg {
    background-color: var(--gray);
}

.gray-bg :is(h1, p) {
    color: var(--off-white);
}

.gray-bg p {
    font-size: 1.45em;
    font-weight: 200;
    text-align: left;
    line-height: 2.1;
}

.gray-bg.outlined {
    position: relative;
    padding: 4vw 11vw;
    /*border-top: 3.5vw solid white;
    border-bottom: 3.5vw solid white;
    border-left: 4vw solid white;
    border-right: 4vw solid white;*/
}

.gray-bg.outlined::before {
    content: '';
    position: absolute;
    inset: 5.25em;
    border: 1px solid var(--off-white);
}

.gray-bg.outlined::after {
    content: '';
    position: absolute;
    inset: 4.75em;
    border: 1px solid var(--off-white);
}

.gray-bg.outlined h1 {
    margin: 1em 0 0;
}

.gray-bg.outlined p {
    margin: 0.5em 0 2.25em;
}

@media (max-width: 1088px) {
    .gray-bg.outlined::before {
        inset: 2vw;
    }

    .gray-bg.outlined::after {
        inset: calc(2vw + 0.5em);
    }
}

@media (max-width: 1000px) {
    .basic-flex {
        flex-direction: column;
        align-items: center;
    }

    .basic-flex.reverse {
        flex-direction: column-reverse;
    }

    .basic-flex img {
        margin-bottom: 2em;
    }
}

@media (max-width: 856px) {
    .our-team {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 476px) {
    .light-gray-bg.p-md {
        padding-bottom: 6vw;
    }

    .why-choose-us {
        padding: 7vw 0;
    }

    .container.gray-bg p {
        font-size: 1.2em;
    }

    .team-members img {
        float: none;
        display: block;
        margin: 7% auto;
        padding: 0 7%;
        width: min(86%, 260px);
    }
}