.residents-privileges {
    padding: 0;
}
.inner-residents {
    background-color: #F6F3E7;
    padding: 8rem 0 10rem;
}
.residents-privileges .section-body {
    margin-top: 24px;
}
.residents-gallery {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    gap: 20px;
    position: relative;
    height: 300px;
}
.residents-privileges .subtitle {
    max-width: 580px;
    margin: 0 auto;
    letter-spacing: 0;
}
.residents-privileges .content-toggle {
    margin: 41px auto 0;
    max-width: 580px;
    letter-spacing: 0;
}
.residents-privileges .gallery-col {
    flex: 1;
    position: relative;
}
.residents-privileges .gallery-col .col-item {
    margin-bottom: 24px;
    position: absolute;
    height: 100%;
    width: 100%;
    max-width: 224px;
    right: 0;
    z-index: 1;
}
.residents-privileges .gallery-col .col-item.active {
    z-index: 2;
}
.residents-privileges .residents-right.gallery-col .col-item {
    left: 0;
}
.residents-gallery .image-box {
    position: relative;
    padding-bottom: 300px;
    display: block;
    max-width: 224px;
    margin: 0 auto;
}
.residents-gallery .residents-left .col-item.active .image-box {
    margin-left: auto;
}
.residents-gallery .residents-right .col-item:not(.active) .image-box {
    margin-right: 0;
    margin-left: auto;
}
.residents-gallery .image-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}
.residents-privileges .content-toggle table {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-h3-small);
    max-width: 500px;
    margin: 0 auto;
    border: none;
}
.residents-privileges .content-toggle table * {
    border: none;
}
@media (min-width:768px) {
    .residents-gallery .swiper-wrapper {
        display: none;
    }
    .residents-gallery .swiper-pagination {
        display: none;
    }
}
@media (max-width:767px) {
    .residents-gallery {
        height: auto;
        display: block;
    }
    .residents-gallery .image-box {
        max-width: 100%;
        padding-bottom: 135.2%;
    }
    .residents-privileges .content-toggle {
        margin-top: 20px;
    }
    .inner-residents {
        padding: 5rem 0;
    }
}