:root {
    --separation-lines: #E2E2E2;
    --active-state: #282828;
}
.groups-section {
    padding-top: 0;
}
.group__tabs {
    margin-top: 65px;
}
.group__row {}

/* SYNC CAROUSEL */
.owl-carousel--group-nav {
    border-bottom: 1px solid var(--separation-lines);
    padding-inline: 3rem;
    overflow: hidden;
}
.owl-carousel--group-nav .owl-nav button.owl-prev {
    left: -3rem;
}
.owl-carousel--group-nav .owl-nav button.owl-next {
    right: 3rem;
}
.owl-carousel--group-nav .owl-stage {
    margin: 0 auto;
    display: flex;
    align-items: stretch;
}
.owl-carousel--group-nav .owl-item {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.owl-carousel--group-nav .owl-item:after {
    content: '';
    display: block;
    width: 25%;
    height: 2px;
    border-radius: 6px;
    background-color: transparent;
    position: absolute;
    inset-inline: auto;
    bottom: 0;
    opacity: 0;
    transition: all 0.25s var(--easing-animation);
}
.owl-carousel--group-nav .owl-item.active-group:after {
    background-color: var(--active-state);
    opacity: 1;
}
.owl-carousel--group-nav .owl-item .item {
    display: block;
    padding-inline: 1rem;
    padding-block: 0.5rem;
}
.owl-carousel--group-nav .owl-item img {
    width: 170px;
    height: auto;
    display: block;
    transition: all .25s var(--easing-animation);
}
.owl-carousel--group-card {
    padding: 3rem;
}
.group-container {
    display: flex;
    column-gap: 3rem;
}
.group__image {
    width: 52%;
    text-align: right;
}
.group__image picture {
    display: inline-block;
}
.owl-carousel--group-card .group__image img {
    width: auto;
    max-width: 100%;
}
.group__content {
    width: 48%;
    padding-block: 1rem;
    padding-inline: 0 5rem;
}
.group__header {
    margin-bottom: 1.4375rem;
}
.group__link {
    display: inline-block;
    margin-block: 25px 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .8125rem;
    line-height: 1.5;
    color: var(--active-state);
    text-underline-offset: 8px;
    transition: all 0.25s var(--easing-animation);
}
.group__link:hover,
.group__link:focus {
    color: var(--active-state);
    text-decoration: underline;
}


@media all and (max-width: 992px) {

}
@media (max-width: 767px) {
    .owl-carousel--group-nav .owl-item img {
        max-width: none;
    }


    .owl-carousel--group-card {
        padding-bottom: 0;
    }
    .group-container {
        flex-direction: column;
    }
    .group__image,
    .group__content {
        width: 100%;
    }
    .group__content {
        padding-block: 2rem;
        padding-inline: 0;
    }
}
@media (max-width: 567px) {
    .owl-carousel--group-card {
        padding-inline: 0;
        padding-block: 1rem 0;
    }
}

.groups-section__footer {
    padding-block: 20px;
    border-bottom: 2px solid #999899;
}
.groups-section__footer .groups-section__col-title {
    border-right: 1px solid #999899;
    padding-right: 30px;
    margin-right: 30px;
    padding-block: 10px;
}
.groups-section__footer .groups-section__title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0;
}
.owl-carousel--groups .owl-stage {
    display: flex;
    align-items: center;
}
.owl-carousel--groups .item {
    display: block;
}
.owl-carousel--groups .item img {
    width: 140px;
    height: auto;
    display: block;
    transition: all .25s var(--easing-animation);
}


@media (max-width: 768px) {
    .groups-section__footer .groups-section__col-title {
        padding-right: 0;
        margin-right: 0;
        border-right: 0 none;
        margin-bottom: 25px;
        border-bottom: 1px solid #999899;
        padding-bottom: 15px;
    }
    .groups-section__footer .groups-section__col-logos {
        width: 100%;
    }
    .groups-section__footer .owl-carousel--groups {
        display: flex;
        justify-content: center;
        gap: 20px;
        flex-wrap: wrap;
    }
    .groups-section__footer .owl-carousel--groups .item {
        display: block;
    }
    .groups-section__footer .owl-carousel--groups .item img {
       opacity: 1;
    }
}

/* END SYNC CAROUSEL */