/***** Project Slider *****/
.our-team .row { align-items: center; }

.accordion__items--images { height: 400px; }

.accordion__items:not([id]) {
    display: flex;

     .accordion__link::after {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        opacity: .65;
    }

    > li {
        flex: 1;
        overflow: hidden;
        background-position: center center;
        background-repeat: no-repeat;
    }

    > li:hover { flex: 7; }

    > li:hover .accordion__content {
        padding: 2rem;
        opacity: 1;
        transform: translateX(0);
    }

    .accordion__link {
        height: 100%;
        display: block;
    }

    .accordion__link,
    .accordion__content { position: relative; }

    .accordion__content {
        height: 100%;
        display: inline-flex;
        flex-flow: column;
        justify-content: end;
        opacity: 0;
        z-index: 1;
    }

    .accordion__label {
        margin-bottom: 0;
        padding: .5rem 1rem;
    }
}

.accordion__items--images > li {
    background-size: cover;
    border-radius: 10px;
}

.accordion__items--images > li,
.accordion__items--pages { box-shadow: 1px 0px 20px rgba(0, 0, 0, .25); }

.accordion__items--images > li:nth-child(2) {
    margin-right: 1rem;
    margin-left: 1rem;
}

.accordion__items--pages:hover > li { margin: .1rem; }

.accordion__items--pages > li { background-size: contain; }

/***** Media Query *****/
@media screen and (max-width: 767px) {
    .our-team > div > div:last-child,
    .our-team .accordion__content:not(:first-child) { margin-top: 2rem; }

    .our-team .accordion__content > div > div:last-child { text-align: right; }
}

@media screen and (min-width: 768px) {
    .our-team .accordion__content:not(:first-child) { margin-top: 4rem; }
}

@media screen and (max-width: 991px) {
    .accordion__items--pages {
        height: 400px;
        padding: .5rem 0;
        flex-flow: column;
    }

    .accordion__items--pages:hover { padding: .1rem 0; }

    .accordion__items--pages > li { margin: .5rem 0; }

    .accordion__items:not([id]) > li:hover {
        margin: .1rem 0;
        flex: 3;
    }
}

@media screen and (min-width: 992px) {
    .accordion__items--pages {
        height: 250px;
        flex-flow: row;
    }

    .accordion__items--pages > li { margin: 1rem; }

    .accordion__items:not([id]) > li:hover { flex: 7; }
}